css3

CSS3中的几个有趣的新技术:圆角、个别圆角、阴影、调整元素大小和倒影反射效果
圆角效果：
－webkit-border-radius : 10px;

阴影效果：
-webkit-box-shadow ：0px 0px 10px 6px #FFF;
取值：阴影水平偏移（可取正负值）| 阴影垂直偏移(可取正负值) | 阴影模糊值 | 阴影深度 | 阴影颜色

调整元素大小：
-webkit-transform:perspective(200px) rotateY(12deg) scale(0.5);
取值：
perspective : 透视图效果
rotateY : 旋转度数
scale : 缩放倍数

倒影反射效果
-webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.6, transparent), to(white))