box-shadow阴影属性详解

box-shadow 阴影属性

作者：学思之路
链接：http://www.imooc.com/article/12379
来源：慕课网

box-shadow: 0px 0px 5px 10px #888888 inset;
第1个参数为横向（X轴）偏移值，必需。水平阴影的位置。允许负值。
第2个参数为纵向（Y轴）偏移值，必需。垂直阴影的位置。允许负值。
第3个参数为模糊距离，可选。
第4个参数为阴影的尺寸，可选。
第5个参数为阴影的颜色，可选。
第6个参数可选。将外部阴影 (outset) 改为内部阴影。

还可以设置多个投影，用逗号隔开，例如：
box-shadow: 0px 0px 0px 10px #888888,
0px 0px 0px 20px red,
0px 0px 0px 30px blue;

效果：