CSS3——框阴影(Box Shadow)

一、属性:

Inset:[no|inset]/*为空为向外的阴影效果,inset为向内*/

HorizontalLength:/*X轴位移,可为负值*/

VerticalLength:/*Y轴位移,可为负值*/

BlurRadius:/*阴影模糊半径*/

Spread:/*阴影大小*/

ShadowColor:/*阴影颜色*/

二、具体写法:

向外扩散的阴影:

-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/

相关推荐