Text Shadow Generator
Generate CSS text-shadow from X/Y offsets, blur, and color.
How to use
- Adjust shadow color, offsets, and blur while watching the preview.
Capabilities and scope
It shares offset controls with box shadow but has no spread or inset and uses the secondary color for the text shadow.
How it works
It emits `${x}px ${y}px ${blur}px ${color}`.
Example
A heading can use a value such as 0 2px 8px #000000.
Useful for
- Tune heading or hero text shadows quickly
Before you use it
- Multiple text-shadow layers and a separate alpha control are not currently provided.
Frequently asked questions
Is there a spread value?
No. CSS text-shadow has no spread slot and this UI uses offset, blur, and color only.