内容主要来自:
http://dev.w3.org/csswg/css3-background/#box-shadow
http://www.css3.info/box-shadow-back-on-the-menu-and-other-updates/
最近的(5月5号)editors draft弱弱地建议,在正式规范出来之前已然可以使用box-shadow属性(当然ie是不行的了)。
这个不正式的草案同时还更新了这个这个和这个,与box-shadow无关,就不说了。
box-shadow
box shadow有6个参数:阴影颜色,向左位移,向下位移,模糊半径,扩展半径,内部投影。
阴影颜色 形如rbga(0,0,0,0) 最后一个值是alpha。默认为黑色。可选
向左平移 略。必选。
向下平移 略。必选。
模糊半径 以该值的2倍为长度垂直于阴影边界做一条被边界平分的线段,沿着该线段定义了这样的渐变色:在阴影内部的顶点颜色是阴影颜色,在阴影外部的顶点颜色为完全透明。效果近似纯色填充后的透明度的中心渐变。可选
扩展半径 边界沿着垂直与阴影边界向外扩展该值。内部投影时,向内缩进该值。可选
内部投影 box-shadow默认是外部投影,inset参数表示内部投影。可选
注:对同类型的参数,次序相关。即使不需要模糊半径,在需设扩展半径时,也必须在扩展半径前添加 0px作为模糊半径值。
多拉A梦的box shadow
head_light中
-webkit-box-shadow:80px 20px 55px #fff;
-moz-box-shadow:80px 20px 50px #fff;