CSS3 box-shadow

September 17, 2014

CSS3 box-shadow与text-shadow类似：text-shodow是给文字设置阴影效果，box-shadow是给图层设置阴影了效果。

语法：``` box-shadow: inset x-offset y-offset blur-radius spread-radius color

`inset`: 指的是阴影的类型，若为空则指的是外阴影，若为`inset`则指的是内阴影。

`x-offset`: 指的是阴影X轴的偏移量。
`y-offset`: 指的是阴影Y轴的偏移量。
`blur-radius`: 指的是模糊半径。值越大阴影就越模糊
`spread-radius`: 指的是扩展半径。如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小。
&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;//jsfiddle.net/cs1707/50dna3km/embedded/result,html,css&quot; allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;