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