The text-shadow declaration allows you to create a text shadow; i.e. a slightly moved, slightly blurred copy of a text. Just like drop-shadow from Photoshop styles. Using this css property we can create a glow effect for our texts.

Some examples

This text should have a text-shadow.

This text, too, should have a text-shadow.

Syntax for text-shadow

p.test{
    text-shadow: #6374AB 20px -12px 2px;
}

So text-shadow accepts 4 values (3 for position and 1 for color):

Continue Reading