MoreLesson 205Free preview

Glowing Text

This lesson is part of How To · All levels

Summary

Glowing text is a bright text effect created by several layers of colored text-shadows. The larger the blur radius and the more layers, the softer the pendants are produced. This effect is best suited for headings or small accents, and should not be used on long texts to prevent eye strain.

Key points

Text-shadow receives offset-x, offset-y, blur-radius, and color
Some shadows can be separated by commas to make the pendulum layered
Bright colors should contrast with the background, usually on a dark background
Limit the effect on the title and respect preferences-reduced-motion if animated

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.