Text Shadow

Generate CSS text-shadow effects

The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.

Options

Text Shadow #1
#000000

Preview

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Code

text-shadow: 5px 5px 10px #000000;

More browser-based utilities in this collection

View all CSS Styling & Layout Generators tools→