多拉A梦的CSS(2) - box shadow

内容主要来自：
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;