Embedded Effect for Text

The text can have several shadows at the same time. To do this, the shadows must be listed in a comma-separated list. In this case, the shadows are distributed according to the rule: the first shadow in the list is the topmost, and the last in the list is the lowest.

text-shadow:
  1px 1px 1px #111111,
  2px 2px 2px #222222;

You can achieve some unusual results by using multiple shadows. For example, you can add an “embedded” effect to text by using two solid-colored shadows: the darker one appears to move slightly up and to the left, and the lighter one moves down and to the right.

Let’s make it happen!