CSS3 Text Shadow

Text-shadow

Text-shadow can be used to set the shadow effect of text.

Grammar:

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

X-offset: Represents the horizontal offset distance of the shadow, whose value is positive when the shadow is offset to the right, and vice versa;

Y-offset: Refers to the vertical offset distance of the shadow, and if its value is positive, the shadow is shifted downward and the inverse is offset upward;

Blur: Refers to the degree of blur of the shadow, its value cannot be negative, if the higher the value, the more blurred the shadow, the clearer the shadow, if you do not need shadow blur can set the Blur value to 0;

Color: Refers to the colors of the shadow, which can be used with the RGBA color.

HTML code:

1 < P > This is a text </p>

CSS code:

1 P {2    width:150px;  3    height:50px;  4    line-height:50px;  5    text-align:Center;  6    background:skyblue;  7    text-shadow: 3px 2px 1px green;  8 }

Effect:

CSS3 Text Shadow