CSS3新特性

css3新特性主要分成以下几类：

1. CSS3选择器
2. 边框与圆角
3. 背景与渐变
4. 过渡、变换、动画

新增选择器

1. 基本选择器
2. 属性选择器，如element[attribute]
3. 伪类选择器，如a:link
4. nth选择器，如:first-of-type
5. 伪元素，如::before

边框与圆角

1. border-radius

       border-radius中的属性值由两个参数值构成: value1 / value2，值之间用/分隔，value1  代表圆角的水平半径，value2代表圆角的垂直半径

   2. 盒阴影box-shadow

       语法：box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 扩展程度 颜色 是否具有内阴影

背景与渐变

1. 背景，background: #00FF00 url(bgimage.gif) no-repeat fixed top;
2. 渐变，background:linear-gradient(方向，开始颜色，结束颜色)

过渡、变换、动画

1. transition（过渡时间和延迟时间的顺序不能乱）

transition ： property duration timing-function delay；  

   2. transform 如rotate

   3. animation