css3阴影总结

容器设置阴影box-shadow

语法：

box-shadow: h-shadow v-shadow blur spread color inset;
以上各属性值的解析：

h-shadow 必需的。水平阴影的位置。允许负值
v-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。
inset 可选。从外层的阴影（开始时）改变阴影内侧阴影
•总写发 box-shadow: 10px 10px 5px 10px #888888 inset;
inset:将外部阴影 (outset) 改为内部阴影。该参数为可选参数。

提醒：该属性可以加在任意元素上

设置文字阴影text-shadow

实际上，text-shadow 并不是在 CSS3 中才设计出的新属性，早在 CSS 2.0 时已经有了这个属性，之后在 CSS 2.1 中删去这个属性，最终在 CSS3 中重新纳入。

语法：

text-shadow : offset-x || offset-y || opacity || color
该属性支持4个参数，分别是阴影颜色、阴影的水平延伸距离（阴影的 x 轴偏移）、阴影的垂直延伸距离（阴影的 y 轴偏移）、模糊效果的作用半径（阴影的长度）。