SyntaxStudy
Sign Up
Home CSS Reference text-shadow

text-shadow

property CSS3

Adds shadow effects to text. Supports multiple comma-separated shadows.

Syntax

text-shadow: x-offset y-offset blur color;

Example

css
h1 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

/* Glow effect */
.glow {
    color: white;
    text-shadow: 0 0 10px #3498db, 0 0 20px #3498db;
}

/* 3D effect */
.retro {
    text-shadow:
        1px 1px 0 #999,
        2px 2px 0 #888,
        3px 3px 0 #777;
}