무료 CSS 텍스트 그림자 생성기 온라인

Build text-shadow effects visually and copy the CSS.

No data leaves your device
Layers:
Shadow
2px
2px
4px
#000000
75%

Presets

How to Use

  1. Adjust Offset X/Y, Blur, Color, and Opacity.
  2. Add multiple layers for complex effects.
  3. Try presets for inspiration.
  4. Click Copy CSS to grab the property.

Frequently Asked Questions

Can I use multiple text shadows?

Yes. Click "Add" to create additional shadow layers. The CSS will output comma-separated values. Multiple shadows are great for glow and outline effects.

What's the difference between text-shadow and box-shadow?

text-shadow applies only to text characters, while box-shadow applies to the element's bounding box. text-shadow has no spread value or inset option.

Related Tools

Box Shadow Generator Border Radius Generator CSS Gradient Generator