How do I add a shadow to text in CSS?

Use text-shadow: offset-x offset-y blur-radius color. Example: text-shadow: 2px 2px 4px rgba(0,0,0,0.3) adds a soft shadow down-right of the text.

Can I create a text outline with CSS?

Yes. Use four text-shadows at offset combinations of -1px and 1px with zero blur: text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000.

What is the difference between text-shadow and box-shadow?

text-shadow follows character shapes. box-shadow follows the element's rectangular box. text-shadow has no spread or inset options. Use text-shadow for text effects, box-shadow for element containers.

How to Create CSS Text Shadows (With Examples)

✨

Try Text Shadow Generator

Free, no signup →