Shadow in CSS

To show shadow, you can use 2 properties.

• text-shadow
• box-shadow

text-shadow

This text has shadow

/* horizontal vertical blur color*/

span{
    text-shadow: 1px 2px 3px blue;
}

In above example, we have 1px horizontal shadow, 2px vertical shadow, 3px blur and blue color shadow.

box-shadow

This box has shadow

/* horizontal vertical blur color*/

span{
    box-shadow: 10px 10px 5px lightblue;
}

In above example, we have 1px horizontal shadow, 2px vertical shadow, 3px blur and blue color shadow.