Yes. Set the X and Y offset to 0 and increase the blur with a bright colour for a glow effect.

Can I stack multiple shadows?

This tool creates one shadow; you can combine several by comma-separating text-shadow values in your own CSS.

How is opacity applied?

The opacity is converted to an alpha value and appended to the hex colour, so the copied CSS is self-contained.

CSS & Design

Design a CSS text-shadow with sliders and copy the CSS.

Free foreverRuns in your browserNo sign-up

Shadow

Offset X2px

Offset Y2px

Blur4px

Opacity60%

Shadow colour

text-shadow: 2px 2px 4px #1B5DF599;

The CSS text-shadow property adds a shadow behind text for depth or a glow effect.

This tool gives you sliders for the offset, blur and opacity with a colour picker and a live preview, then outputs the text-shadow CSS.

Everything runs locally in your browser.

Soft shadow

Output: text-shadow: 2px 2px 4px #1B5DF599;

A small offset with blur creates a subtle drop shadow behind text.

Can I make a glow?: Yes. Set the X and Y offset to 0 and increase the blur with a bright colour for a glow effect.
Can I stack multiple shadows?: This tool creates one shadow; you can combine several by comma-separating text-shadow values in your own CSS.
How is opacity applied?: The opacity is converted to an alpha value and appended to the hex colour, so the copied CSS is self-contained.