CSS3 box shadow box-shadow_html/css_WEB-ITnose

Explanation from W3CSchool

Syntax:

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-separated list of shadows, each shadow specified by 2-4 length values, an optional color value, and the optional inset keyword. The value for omitted length is 0.

值 描述

h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊距离。
spread	可选。阴影的尺寸。
color	可选。阴影的颜色。请参阅 CSS 颜色值。
inset	可选。将外部阴影 (outset) 改为内部阴影。

example

1. box-shadow:10px 10px black;

2. box-shadow:10px -10px black;