CSS · Design

Text Shadow Generator

Tune text shadow offset, blur, and color with a live preview and copy the CSS.

Preview Text

text-shadow: 0px 2px 8px rgba(30, 58, 138, 0.35);

How to use

  1. Adjust X/Y offset, blur, opacity, and color.
  2. Preview on sample text.
  3. Copy the CSS text-shadow value.

Features

  • Offset, blur, color, opacity
  • Live preview
  • Copy CSS
  • Runs in your browser. Colors and images are not uploaded to ToolsWeb servers.

Privacy & how it works

This design utility runs in your browser. Colors, CSS, and images you enter are not uploaded to ToolsWeb servers for this tool. Privacy Policy.

FAQ

Can I stack multiple text shadows?expand_more

This tool generates a single shadow layer. Combine copied values with commas in your stylesheet for stacked shadows.

Is this tool free?expand_more

Yes. No signup and no paywall for core use.

Is my text uploaded?expand_more

No for this tool. Text stays in your browser while you work.

Do I need an account?expand_more

No. Open the page and start typing or pasting.

Related tools