text-shadow
Adds a shadow to text. You can control the shadow's offset (X and Y), blur radius, and color. You can also stack multiple shadows by separating them with commas.
Quick example
.glowing-text {
/* Creates a subtle 2px shadow shifted slightly right and down */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}Quick facts
Initial value
noneInherited
Yes
Applies to
all elements
Animation type
shadowList
Values
none text-shadow Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
2+
3.5+
1.1+
12+