CSS The !important Rule and  Shadow Effects

CSS The !important Rule and  Shadow Effects

CSS The !important Rule

👉 The !important rule in CSS is used to add more importance to a property/value than normal.

👉 In fact, if you use the !important rule, it will override ALL previous styling rules for that specific property on that element!


CSS Shadow Effects

With CSS you can add shadow to text and to elements.

we will learn about the following properties:

👉 text-shadow

👉 box-shadow

CSS Text Shadow

The CSS text-shadow property applies shadow to text

Example👇🏻

Multiple Shadows

To add more than one shadow to the text, you can add a comma-separated list of shadows.

CSS Box Shadow

The CSS box-shadow property is used to apply one or more shadows to an element.

Example👇🏻


image.png

Download our HTML & CSS Visual Treat! ebook Here: Click here