CSS3 Text-shadow font Shadow How to use

CSS3 's Text-shadow style is to set the text shadow effect, originally in the CSS2 has this property, in the CSS3 of the text shadow again application, then we will look at how to use Text-shadow.

CSS3 words:

Text-shadow

Grammatical structure

div{text-shadow:5px 2px 6px #000;}

Set the text shadow effect in the Div box to start with the shadow effect on the left 5px and the distance above 2px, while the shadow size range is 6px and the shadow Color is black (#000).

The text display shadow effect has a total of 4 values, the first represents the distance from the left to show the shadow effect, the second value represents how much distance from the beginning to show the shadow effect, the third value represents the shadow range size, the fourth value is the shadow effect color.

Case HTML code

<! DOCTYPE html> 
Corresponding CSS code:

.txt {text-shadow:5px 1px 6px #F93}. txt2 {text-shadow:1px 1px 1px #000; padding:10p x 0; Color: #FFF; Background: #CCC}