HTML & CSS Archives - CodexWorld

Tooltip on Hover with CSS

CodexWorld — Sun, 02 Jun 2024 06:56:47 +0000

The tooltip is used to display additional information when the user hovers an element. It is very useful when you want to display some extra content within the same webpage. There are various JavaScript plugins

The post Tooltip on Hover with CSS appeared first on CodexWorld.

5 Star Rating with Font Awesome Icons and CSS

CodexWorld — Sat, 30 Dec 2023 05:46:01 +0000

The 5-star rating is a widely used feature for the rating system on a website. It helps to represent the rating number in a graphical view. You can can create 5 star rating view via

The post 5 Star Rating with Font Awesome Icons and CSS appeared first on CodexWorld.

Custom Scrollbar with CSS

CodexWorld — Mon, 23 Jan 2023 13:27:35 +0000

The browsers set a default style for the scrollbars on the web pages. You can customize the scrollbar style and override the scrollbar style using CSS pseudo-element. The ::-webkit-scrollbar pseudo-element helps to customize the scrollbar

The post Custom Scrollbar with CSS appeared first on CodexWorld.

Loading Spinners with CSS

CodexWorld — Thu, 19 Jan 2023 11:34:29 +0000

Spinners are the small element that indicates the loading state of web page components. Mostly, the loader GIF icon is used as a spinner in loading animation. If you want a simple solution for the

The post Loading Spinners with CSS appeared first on CodexWorld.

Custom Radio Buttons with CSS

CodexWorld — Sun, 08 Jan 2023 18:15:43 +0000

Radio buttons are displayed in a group of options and only one radio button can be selected at the same time. By default, the browser defines a basic style for radio buttons. To make the

The post Custom Radio Buttons with CSS appeared first on CodexWorld.

Progress Bar with HTML and CSS

CodexWorld — Sun, 08 Jan 2023 13:23:34 +0000

The progress bar is used to represent the progress of the task in a graphical view. Mostly, the uploading/downloading task uses a progress bar component to display the completion process in graphical bar format. When

The post Progress Bar with HTML and CSS appeared first on CodexWorld.

Text Alerts with HTML and CSS

CodexWorld — Sun, 08 Jan 2023 11:47:34 +0000

Alerts are used to display feedback messages based on the user’s actions. In this example code snippet, create HTML elements to display alert messages with any length of text. The style of alert boxes is

The post Text Alerts with HTML and CSS appeared first on CodexWorld.

Custom Buttons with CSS

CodexWorld — Sun, 08 Jan 2023 06:26:05 +0000

The buttons are very useful elements for the website. We are using buttons in many places, webpage, forms, dialog windows, etc. You can create button styles with pure CSS.

The post Custom Buttons with CSS appeared first on CodexWorld.