一、transition過渡
? ? 1.1、transition-property：all;
? ? ? ? ? ? ?指定可以過渡的屬性值，默認的值為all.當然我們也可以設置具體的值。例如：transition-property: width；指該元素的width是要過渡的屬性，我們也可以設置多個屬性。transition-property：width，height；多個屬性之間用逗號隔開。
? ? 1.2、transition-duration：0s;
? ? ? ? ? ? ?指屬性過度所需要的時間，單位是秒，其默認值是0s；結合1.1可知，transition-property：width；transition-duration：2s；表示該元素的寬度過渡所需要的時間為2s。
? ? 1.3、transition-timing-function：ease；
? ? ? ? ? ? ?過渡動畫的類型。默認值為ease。當然transition-timing-function的屬性不知這么多。如下圖所示，ease：表示先慢-快-慢，linear：表示勻速進行，ease-in：表示先快-慢，ease-out：表示先慢-快，ease-in-out：表示先慢-快-慢。
? ? ? ? ? ? ? 最最關鍵的有一個cubic-bezier曲線，在Chrome檢查里面，點擊tran里面的cubic-bezier會出現下圖所示的樣式，在這里我們可以把曲線弄成我們想要的樣式。圖形最上面的小球的運動軌跡就是當前我們調試的cubic-bezier曲線的運動軌跡。然后將下面的數值復制到我們的代碼中就可以了。
二、transform變形
? ? 2.1、transform：translate（）；位移或者變形。
? ? ? ? ? ?2.1.1、transform：translateX（length）；表示當前元素沿著X軸移動length長度的距離。當length為正值時表示沿著X軸正方形移動，length為負值時表示沿著X軸的負方向移動。
? ? ? ? ? 2.1.2、transform：translateY （length）；表示當前元素沿著 Y軸移動length長度的距離。當length為正值時表示沿著 Y軸正方形移動，length為負值時表示沿著 Y軸的負方向移動。
? ? ? ? ? 2.1.3、transform：translate （length，length）；表示當前元素沿著 X，Y軸移動length長度的距離。當length為正值時表示沿著X,Y軸正方形移動，length為負值時表示沿著X,Y軸的負方向移動。注意：當transform：translate （length）；只有一個值時，默認表示在X軸上移動。
? ? 2.2、transform: scale（）；縮放（適應于設置小于12px的字體大?。?/h3>
? ? ? ? ? 2.2.1、transform: scaleX（數值）；表示在X軸方向上進行縮放。數值可以是整數可以是負值，當然也可以是小數。默認值為1；
? ? ? ? ? 2.2.2、transform: scale Y（數值）；表示在 Y軸方向上進行縮放。數值可以是整數可以是負值，當然也可以是小數。默認值為1；
? ? ? ? ? 2.2.3、transform: scale（數值，數值）；表示在X，Y軸方向上進行縮放。數值可以是整數可以是負值，當然也可以是小數。默認值為1；與tran所不同的是，scale設置一個屬性值時，表示X軸Y軸上都生效。
? ? 2.3、transform：rotate（）旋轉
? ? ? ? ? 2.3.1、transform：rotateX（deg）；表示該元素在X軸上進行旋轉，當deg為正時，代表沿著順時針旋轉，為負值使表示逆時針旋轉。
? ? ? ? ? 2.3.2、transform：rotate Y（deg）；表示該元素在 Y軸上進行旋轉，當deg為正時，代表沿著順時針旋轉，為負值使表示逆時針旋轉。
? ? ? ? ? 2.3.3、transform：rotate（deg）；表示該元素在 Z軸上進行旋轉，當deg為正時，代表沿著順時針旋轉，為負值使表示逆時針旋轉。
? ? 2.4、transform：skew() 傾斜 （適應于制作平行四邊形）
? ? ? ? ? 2.4.1、transform：skewX（deg）；表示該元素沿著X軸進行傾斜，當deg為正值時，會逆時針傾斜，為負值時，沿著順時針傾斜。
? ? ? ? ? 2.4.1、transform：skew Y（deg）；表示該元素沿著 Y軸進行傾斜，當deg為正值時，會逆時針傾斜，為負值時，沿著順時針傾斜。
? ? ? ? ? 2.4.1、transform：skew （deg,deg）；表示該元素沿著X軸 Y軸進行傾斜，當deg為正值時，會逆時針傾斜，為負值時，沿著順時針傾斜。
