跳转到正文
T

Text Shadow Generator

Design multi-layer CSS text-shadow.

Aa

  • Alpha40%
    X2px
    Y2px
    Blur4px
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);

text-shadow uses offset, blur, and colour only (no box-shadow spread / inset). Stack layers with commas. Default: 2px 2px 4px @ 40%.

关于Text Shadow Generator

A text-shadow generator tunes offset, blur, and colour per layer so you can craft depth, hard drops, or neon glows on type. Unlike box-shadow, there is no spread or inset. toco.tools previews editable sample text while you stack layers, start from presets (sm, md, lg, hard, neon, emboss), and copy a ready `text-shadow` declaration. Everything runs in your browser; nothing is uploaded.

使用方法

  1. Pick a preset or add layers
  2. Tune offset, blur, and colour
  3. Preview and copy the CSS

常见问题

What is a text-shadow generator?

A tool that visually builds CSS text-shadow values you can copy.

How is it different from box-shadow?

text-shadow is for glyphs and only supports offset, blur, and colour—no spread or inset.

Can I stack multiple shadows?

Yes. Layers are joined into a comma-separated text-shadow value.

Are settings sent externally?

No. All processing runs in your browser.