Skip to main content

Command Palette

Search for a command to run...

CSS Shadow Effects

Published
•1 min read•View as Markdown
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 shadow.

s

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