CSS · Typography

text-shadow

Adds a shadow to the glyphs. Keep it subtle for readability.

cssRunnable example css course

Syntax

text-shadow: 0 1px 2px rgb(0 0 0 / 0.3)

Example

Try it

.demo { text-shadow: 0 1px 3px rgb(47 116 192 / 0.4); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.