The latest version of CSS allows you to add shadows to your text using the “text-shadow” property.
Here’s an example of what the output looks like in your browser:
I have a drop shadow of 0px X distance, 2px Y distance, 3px blur value, and a black color.
The text-shadow property takes four values, being the color code, the X offset (can be negative), the Y offset (can be negative) and the blur amount (higher values means more blurry). Here is what the code looks like:
p {
text-shadow: #000000 0px 2px 3px;
}
Tags: CSS
Category: CSS Tutorials
