text-shadow generator

Layer up to four text shadows — offset, blur, color each — with live preview and copyable CSS.

Presets
Shadow layers

Everything runs in this browser.

How to use

  1. Set each layer's x, y, blur, and color.
  2. Or start from a preset.
  3. Copy the CSS.

What it supports

Up to 4 layers; offsets ±200 px, blur 0–100 px, #rrggbb colors. Text shadows only — box-shadow has its own tool.

Related tools

Related guides