css3渐变
（1）线性渐变
background-img
background: linear-gradient(direction, color-stop1, color-stop2, ...);
（2）径向渐变
background-img
background: radial-gradient(center, shape, size, start-color, ..., last-color);
center：渐变起点的位置，可以为百分比，默认是图形的正中心。
shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。
size：渐变的大小，即渐变到哪里停止，它有四个值。 closest-side：最近边； farthest-side：最远边； closest-corner：最近角； farthest-corner：最远角。
重复渐变repeating-background
css3过渡
1. transition-property： 检索或设置对象中的参与过渡的属性
2. transition-duration： 检索或设置对象过渡的持续时间
3. transition-delay： 检索或设置对象延迟过渡的时间
4. transition-timing-function：检索或设置对象中过渡的动画类型
css3 2D
1：2D位移 transform：translate()
2：2D缩放 transform：scale()
3：2D旋转 transform：rotate()
4：2D倾斜 transform：skew()
变形原点
transform-origin
transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用；
