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

This article is about what text-shadow is in css. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Text-shadow is a CSS trick attribute word, which is a CSS to set whether the text font in the object can have shaded and ambiguous effect.

1. The value of text-shadow

After a long time set 4 values, each value space separated, the values are: a shadow color, shadow font from the upper left corner by the left partition, shadow font from the upper left corner by the upper partition, shadow height width size (mixed level).

Text-shadow Analytic Diagram

Text-shadow:#000 3px 4px 5px

State clearly:

The shadow hue in the configuration object is black, the shadow depends on the upper left corner of the font to the left 3px, the shadow depends on the upper left corner of the font on 4px, and the shadow size (width, height) blur level is 5px.

2. Shadow size and blur

Text-shadow has three values, the first two set the shadow position, and the last one sets the equipment to equip the shadow size ambiguity level. The greater the value, the larger the shadow, the more natural it is, and the smaller the value is, the smaller the artificial shadow is.

The size of shadow has something to do with Hu

From the image above, we can see that the larger the shadow value, the more blurred the shadow.

3. Compatibility

IE8 and above are compatible with hunting devices, and tributary readers are compatible with googlechrome and Apple.

Thank you for reading! This is the end of this article on "what is text-shadow in css?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.