The text-shadow Property

First let’s learn a little bit more about text shadows.

Text shadows are created using the text-shadow CSS property. It is very similar to box-shadow, which was discussed in one of the previous chapters, but it has its own peculiarities:

• The text-shadow property is applied to text;
• The shape of the shadow follows the shape of the text characters;
• You can control the offset, color, as well as feathering of the shadow;
• You cannot control the amount of stretching of the text shadow;
• You can create multiple shadows.

First, let’s create a shadow for the heading and emoticon, and then let’s look at all the property parameters in more detail.