.shadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
- The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
- The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
- The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
- The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).
- Color
1、阴影的水平偏离。正数代表向右偏离,负数代表相左偏离。
2、阴影的垂直偏离。正数代表向下偏离,负数代表向上偏离。
3、模糊半径(选项),如果为零的话,则没有模糊。数值越大,越模糊。
4、扩展半径(选项),正数代表增加阴影的大小,负数代表减少大小。(扩展半径与ps稍有不同,ps是百分比,会让百分之几变成实边,另外的模糊,而这里是先实边扩展半径然后再模糊半径。)
5、颜色。
还不懂的话请参考photoshop。