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

This article is about how to use the box-shadow property of CSS3. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

Commonly used CSS3 attribute: box-shadow, representing shadow, if border-radius is set, shadow is also rounded

box-shadow is currently supported by IE 9 and above and other modern browsers.

Grammar:

Formal syntax: none | [inset? && [ ? ? ? ] ]#

Value:

inset: indicates that the shadow is inside the border (even if it is borderless), above the background and below the content;

offset-x and offset-y: offset, positive values mean left and down;

blur-radius: blur radius, default 0, cannot be negative;

spread-radius: take positive value to enlarge shadow, take negative value to reduce shadow, default is 0.

color: color, if not defined, determined by browser.

Thank you for reading! About "CSS3 attribute box-shadow how to use" this article is shared here, I hope the above content can be of some help to everyone, so that everyone can learn more knowledge, if you think the article is good, you can share it to let more people see it!

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.