Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "css3 how to set text Shadow effect", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "css3 how to set text shadow effect" article.

First of all, let's take a detailed look at the text-shadow property.

Text-shadow attribute: in CSS3, you can use the text-shadow attribute to add shadow effects to the text on the page, and you can achieve some desired font shadow effects by setting the relevant property values of the text-shadow property, reducing the use of pictures.

How to use the text-shadow attribute: text-shadow:X axis Y axis Rpxcolor

Property description (corresponding in order): X axis of shadow (negative values can be used) Y axis of shadows (negative values can be used) shadow blur value (radius size) color of shadows.

Let's take a look at a small example of css3 setting text shadows:

PHP Chinese net text Shadow

H2 {

Text-shadow:2px3px1pxpink

Color:blue

}

Css3 sets the text shadow effect as follows:

Description:

1) displacement distance: among the parameters used by text-shadow, the first two parameters are the displacement distance of the shadow from the horizontal and vertical direction of the text. These two parameters must be specified when used.

2) Shadow blur radius: the third parameter of the text-shadow property is the shadow blur radius, which represents the blur range when the shadow blurs outward.

3) Shadow color: the fourth parameter of the text-shadow property is the color used to draw shadows, which can be placed before or after three parameters. When no color value is specified, the color color value of the text is used.

The above is about the content of this article on "how to set text shadow effect in css3". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.