🅣
CSS Text Shadow Generator
Visually design a text-shadow — horizontal and vertical offset, blur, colour and opacity — on live preview text, then copy the CSS. Great for headings, hero text and glow effects.
UtilityGrid
text-shadow: 2px 2px 4px rgba(109, 75, 245, 0.60);🔒 This tool runs entirely in your browser. Your data is never uploaded.
Frequently asked questions
Can I create a glow effect?＋
Yes — set the offsets to 0 and increase the blur with a bright colour for a glow around the text.
Can I stack multiple text shadows?＋
CSS allows comma-separated text-shadows; design each one here and combine them in your stylesheet.
Does it output plain CSS?＋
Yes — copy the text-shadow value directly into your stylesheet.