box-shadow

标签：

box-shadow:h v blur spread color inset;

h-----是代表水平方向的阴影，正值就在x轴的右边，负值就在x轴的左边

v-----是代表垂直方向的阴影，正值就在y轴的下方，负值就在y轴的上方

blur----模糊的程度，数值越大越模糊

spread----模糊的尺寸，数值为正值时，整个阴影都扩展扩大，为负值就会缩小

inset---可以改成outset外部阴影

box-shadow可以制作单边阴影：.demo{

　　　　　　　　　　　　　　box-shadow: -5px 0 5px -5px green, /*左边阴影*/
			0 -5px 5px -5px blue, /*顶部阴影*/
			0 5px 5px -5px red, /*底部阴影*/
			5px 0 5px -5px yellow; /*右边阴影*/

}

box-shadow

标签：

原文地址：http://www.cnblogs.com/heekey/p/5593454.html