当前位置: 代码迷 >> HTML/CSS >> CSS3――框影子(Box Shadow)
  详细解决方案

CSS3――框影子(Box Shadow)

热度:533   发布时间:2012-09-21 15:47:26.0
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/