日期:2014-05-17  浏览次数:20628 次

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/