Snippets
color

How-to articles, tricks, and solutions about COLOR

Colors in JavaScript Console

The console.log() method outputs a message to the web console. Read the tutorial and learn the simplest method of putting a single or multiple styles to it.

css javascript color style string javascript object function

How and When to Use !important Rule in CSS

Learn how and why to use the !important rule in your CSS styles. See what cases are recommended and where is the right place to use it.

css color style rule

How to Add a Background-Color for the Text Width Instead of the Entire Element Width

On this page, you will find how to set a background-color for the text width instead of the width of the entire element. Choose the appropriate method and try examples.

html css color background width

How to Add a Fade out Text Effect with CSS

If you want to use beautiful effects for texts and make your Website more eye-catching, read our snippet, try examples and learn to create fade out text effect.

html css color style text font

How to Add a Glass Background Effect to the Text

If you want to make your website eye-catching and creative read this snippet and learn to create a glass background effect for your text step by step.

html css color style text background font

How to Add Colors to Bootstrap Icons with CSS

Using icons is great for every website. If you face the difficulty of adding color to Bootstrap icons, add the CSS color property. Change also the font-size.

html css color icon bootstrap

How to Build a Hex Color Generator in JavaScript

If you want to create your own color generator using JavaScript, then you’re welcome to our tutorial. In this snippet, we are going to build a hex color generator step by step.

javascript color transition

How to Change Default Text Selection Color Using CSS

Use the CSS ::selection selector to change the default highlight color while selecting texts. Use only CSS and do cool tricks to have a better user experience. All with examples.

css color style text effect input textarea CSS3

How to Change Link Colors with CSS

Learn about how to change hyperlink colors, inline and external methods with examples. See also how to give different styles to your anchor link and to change underline color with examples.

css color text hover link

How to Change the Color of an <hr> Element

The HTML <hr> element is a block-level element and creates a horizontal line. In this snippet, find out how to style a horizontal line by adding a color to it.

html css color style

1 2 3 > >>