CSS Text Shadow Generator

Add multiple shadow layers, tweak each one, and copy the CSS text-shadow property.

Presets

Shadow Layers

Layer 1: 2px 2px 4px
Layer 2: -1px -1px 8px

Edit selected layer

Xpx
Ypx
Blurpx
Alpha%
Color#000000

Live Preview

Shadow Text
CSS
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40),
            -1px -1px 8px rgba(26, 54, 93, 0.30);

FAQ

Is CSS Text Shadow Generator free to use?

Yes, CSS Text Shadow Generator is completely free to use on UtilityCove.

Does CSS Text Shadow Generator upload my data?

No. CSS Text Shadow Generator runs in your browser, so your input stays on your device.

Can I use CSS Text Shadow Generator on mobile?

Yes. CSS Text Shadow Generator works on modern mobile and desktop browsers.