CSS Text Shadow Generator
Design CSS text shadows with a live preview.
Toolzy
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);Adjust offset, blur, color and opacity to craft a text-shadow and copy the CSS.
How to use
- Adjust the sliders and color.
- Watch the live preview.
- Copy the CSS.
Frequently asked questions
- Can I layer shadows?
- Yes, combine multiple text-shadow values separated by commas by hand.
- Where does the CSS go?
- Apply it to the text element's text-shadow property.