CSS Shadow

CSS Tutorial

CSS Advanced

CSS Responsive

CSS Grid

CSS Shadow Effects

The CSS text-shadow property to add shadow to text.

Define the horizontal shadow (2px) and the vertical shadow (2px).

HTML

				
					<h1 class="textshade">Text-shadow effect!</h1>
<h1 class="withred">Text-shadow effect!</h1>
<h1 class="withblur">Text-shadow effect!</h1>

CSS

				
					.textshade {
    text-shadow: 2px 2px;
}
.withred{
    text-shadow: 2px 2px red;
}
.withblur {
    text-shadow: 2px 2px 5px red;
}

Output