css3

CSS3中的几个有趣的新技术:圆角、个别圆角、阴影、调整元素大小和倒影反射效果

圆角效果:

-webkit-border-radius:10px;

阴影效果:

-webkit-box-shadow:0px0px10px6px#FFF;

取值:阴影水平偏移(可取正负值)|阴影垂直偏移(可取正负值)|阴影模糊值|阴影深度|阴影颜色

调整元素大小:

-webkit-transform:perspective(200px)rotateY(12deg)scale(0.5);

取值:

perspective:透视图效果

rotateY:旋转度数

scale:缩放倍数

倒影反射效果

-webkit-box-reflect:below2px-webkit-gradient(linear,00,0100%,from(transparent),color-stop(.6,transparent),to(white))

相关推荐