HTML&CSS - CodexWorld

Embed Microsoft Word and Excel Documents in HTML Web Page

CodexWorld — Mon, 28 Mar 2022 14:35:51 +0000

In most cases, a hyperlink is used to link word or excel documents on the web page that allow users to download these files on the local drive. Word or Excel documents can’t be displayed

The post Embed Microsoft Word and Excel Documents in HTML Web Page appeared first on CodexWorld.

Customize Checkbox and Radio Inputs with CSS

CodexWorld — Mon, 26 Feb 2018 18:58:08 +0000

Checkboxes and radio buttons are the common elements to use in any web form. Generally, browser’s default style is used for checkbox and radio button. But if you want to make a nice UI web

The post Customize Checkbox and Radio Inputs with CSS appeared first on CodexWorld.

How to Embed PDF Document in HTML Web Page

CodexWorld — Thu, 09 Nov 2017 19:34:02 +0000

Generally, a hyperlink is used to link a PDF document to display in the browser. An HTML anchor link is the easiest way to display a PDF file. But if you want to display a

The post How to Embed PDF Document in HTML Web Page appeared first on CodexWorld.

Creating 3D Rotating Image Gallery with CSS

CodexWorld — Wed, 19 Jul 2017 17:48:51 +0000

The image gallery is a very useful feature of the web application. Basically, image gallery helps to group the images in a user-friendly view in the web page. The 3D effect makes image gallery more

The post Creating 3D Rotating Image Gallery with CSS appeared first on CodexWorld.

Create Top Notification Bar with HTML and CSS

CodexWorld — Thu, 20 Apr 2017 17:09:54 +0000

Top Notification Bar or Hello Bar is the best way to direct your visitors and promote website’s most important content. Use top notification bar to promote products or show important notification for maximum reach. In

The post Create Top Notification Bar with HTML and CSS appeared first on CodexWorld.

Custom Scrollbars with CSS and Webkit

CodexWorld — Thu, 23 Feb 2017 16:43:25 +0000

The web page UI design with custom scrollbar adds an extra value to your website. Custom scrollbars make the website feel and look different. The browser’s scrollbar can be customized using CSS. Using CSS pseudo-element,

The post Custom Scrollbars with CSS and Webkit appeared first on CodexWorld.

How to Create Sticky Social Media Floating Sidebar with CSS

CodexWorld — Tue, 17 Jan 2017 16:22:04 +0000

Social Media takes an important part of your online business to reach more customers. Social media buttons are very useful for every website and it helps the user to get updates from the website. Also,

The post How to Create Sticky Social Media Floating Sidebar with CSS appeared first on CodexWorld.

How to Create Loader Animation with CSS

CodexWorld — Sun, 20 Nov 2016 16:08:10 +0000

A loader is a very useful element for every web project. Basically, we use the loader during page or content loading. When we use Ajax to update parts of a web page, some time needs

The post How to Create Loader Animation with CSS appeared first on CodexWorld.

How to Create a Toggle Switch using CSS

CodexWorld — Thu, 15 Sep 2016 16:37:33 +0000

This tutorial will show you how to create a toggle switch button with CSS. In your project where you’ve placed checkbox for the filtering purpose, replace the checkbox with a toggle switch. The toggle switch

The post How to Create a Toggle Switch using CSS appeared first on CodexWorld.

How to Create Tooltip with CSS

CodexWorld — Thu, 11 Aug 2016 16:42:53 +0000

A tooltip provides extra information when the user hovers over the element. Tooltips are a great way to show details information to the user by hovering over a text or image and it helps to

The post How to Create Tooltip with CSS appeared first on CodexWorld.