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

This article is about whether box-shadow is a new attribute of css3. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

"box-shadow" is a new attribute of css3. The function of the "box-shadow" attribute is to add one or more shadows to the element box. The syntax is "element {box-shadow: horizontal shadow position vertical shadow position blur spread color inset;}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

Box-shadow is a new property of css3.

The box-shadow property is used to add one or more shadows to the box. The syntax for this attribute is as follows:

Box-shadow: h-shadow v-shadow blur spread color inset

Where the attribute value is represented as follows:

Examples are as follows:

Div {width:300px; height:100px; background-color:#ff9900; box-shadow: 10px 10px 5px # 888888;}

Output result:

Thank you for reading! This is the end of this article on whether box-shadow is a new attribute of css3. 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.