CSS3 Instance Tutorial: Box model Add shadow property box

Article Introduction: What if we add a shadow to the box model? In fact, its usage is the same as Text-shadow usage, except that the attribute name is Box-shadow.

What if we add a shadow to the box model? In fact, its usage is the same as Text-shadow usage, except that the attribute name is Box-shadow.

Related articles: CSS3 Tutorial: Web page Text Shadow properties Text-shadow

Box-shadow:
This property, like Text-shadow, has 4 values, the first two values represent the horizontal and vertical displacement distances, and the third value indicates the blur radius of the shadow (both 0 and below indicate no blur), and the last one is the color of the shadow.

"Note" At present, both Chrome 16+,firefox8+,opera11.6+,safari5.1+ and ie9+ can use the Box-shadow directly, and do not need -webkit- such a prefix! Other low-level browsers do not test, and the secondary notes are for reference only.

<TITLE>CSS3 Instance Tutorial: Box model Add shadow Attribute Box-shadow-Web page teaching network. Com

Web Teaching Network. Com

Web Teaching Network to provide the latest web production, web design, Web page special effects, for personal sites to provide web material templates and web video learning!