transition-property 設置過渡的屬性，

transition-duration 設置過渡的時間，

transition-timing-function 設置過渡的運動方式

linear 勻速

ease 開始和結束慢速

ease-in 開始是慢速

ease-out 結束時慢速

ease-in-out 開始和結束時慢速

cubic-bezier(n,n,n,n)

transition-delay 設置動畫的延遲

transition: property duration timing-function delay 同時設置四個屬性

CSS3 transform變換

1、translate(x,y) 設置盒子位移

2、scale(x,y) 設置盒子縮放

3、rotate(deg) 設置盒子旋轉

4、skew(x-angle,y-angle) 設置盒子斜切

5、perspective 設置透視距離

6、transform-style flat | preserve-3d 設置盒子是否按3d空間顯示

7、translateX、translateY、translateZ 設置三維移動

8、rotateX、rotateY、rotateZ 設置三維旋轉

9、scaleX、scaleY、scaleZ 設置三維縮放

10、tranform-origin 設置變形的中心點

11、backface-visibility 設置盒子背面是否可見

CSS3 transform變換

1、translate(x,y) 設置盒子位移

2、scale(x,y) 設置盒子縮放

3、rotate(deg) 設置盒子旋轉

4、skew(x-angle,y-angle) 設置盒子斜切

5、perspective 設置透視距離

6、transform-style flat | preserve-3d 設置盒子是否按3d空間顯示

7、translateX、translateY、translateZ 設置三維移動

8、rotateX、rotateY、rotateZ 設置三維旋轉

9、scaleX、scaleY、scaleZ 設置三維縮放

10、tranform-origin 設置變形的中心點

11、backface-visibility 設置盒子背面是否可見