CSS3——框阴影(Box Shadow)

一、属性：
  Inset:[no|inset]  /*为空为向外的阴影效果，inset为向内*/
  Horizontal Length:/*X轴位移，可为负值*/
  Vertical Length:  /*Y轴位移，可为负值*/
  Blur Radius:      /*阴影模糊半径*/
  Spread:           /*阴影大小*/
  Shadow Color:     /*阴影颜色*/

二、具体写法：

向外扩散的阴影：

-webkit-box-shadow: 0px 0px 4px 3px #b335b3;
-moz-box-shadow: 0px 0px 4px 3px #b335b3;
box-shadow: 0px 0px 4px 3px #b335b3;

向外扩散的阴影：

-webkit-box-shadow: inset 0px 0px 30px 30px #b335b3;
-moz-box-shadow: inset 0px 0px 30px 30px #b335b3;
box-shadow: inset 0px 0px 30px 30px #b335b3;

引用

CSS3生成器：http://css3generator.com/