CSS3 Tutorial-box-shadow Properties

Hello! Front-end development of small partners, after reading CSS3 tutorial-The 1th property of the border, is not very looking forward to its second Box-shadow property? Everyone do not worry, the front-end development network will be introduced to everyone.

Let's first look at an example:

To add a box-shadow to a DIV element:

div{box-shadow:10px 10px 5px #888888;}

Browser support:

ie9+, Firefox 4, Chrome, Opera, and Safari 5.1.1 support Box-shadow properties.

Definition and Usage:

The Box-shadow property adds one or more shadows to the box.

Tip: Use the border-image-* property to construct beautiful, scalable buttons!

Grammar:

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

Note: Box-shadow adds one or more shadows to the box. This property is a comma-delimited list of shadows, each of which is specified by a 2-4-length value, an optional color value, and an optional inset keyword. The value of the omitted length is 0.

The above is the content of CSS3 Tutorial-box-shadow property, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

