s秒 ms毫秒
transition:1s; 過渡 transition:1s過渡時長(duration) 1s延遲時長(delay);
transition:1s width;指定寬有個過渡
transition:2s width,1s height;指定寬2秒過渡、高1秒過渡
transition-timing-function:ease-in;慢到快 ease快到慢默認(rèn)值 linear勻速 ease-in-out慢快慢
transition:2s cubic-bezier(0.1 0.6 0.2 0); cubic-bezier:特殊的立方貝塞爾曲線效果

綜合寫：animation:@keyframes關(guān)鍵幀的名稱 一個周期時長 周期數(shù) 順序 過程中的狀態(tài)
animation-name:rainbow;名稱
animation-duration:3s;一個周期的時長
animation-direction:reverse;倒序播放 alternate正序
alternate-reverse正序反序(用hover時與周期次數(shù)連用)
animation-iteration-count:2;周期次數(shù) infinite無窮
animation-fill-mode:forwards;動畫結(jié)束時的狀態(tài) backwards開始狀態(tài) both none默認(rèn)值

transform 變形 transform:rotate(45deg);旋轉(zhuǎn)(整體轉(zhuǎn)) 以原點開始順時針旋轉(zhuǎn)，負(fù)值逆時針轉(zhuǎn)
transform:scale（1,2）; 縮放倍率 沒有單位
一個值寬高縮放一樣倍率，邊框會放大。 負(fù)值時整個元素會翻轉(zhuǎn)180度再縮放
兩個值寬高各自設(shè)置縮放倍率，延X軸縮放、水平方向拉伸左右兩邊的邊框會放大；
延Y軸縮放、垂直方向拉伸上下兩邊的邊框會放大。
transform:skew(45deg);傾斜 元素改變形狀
skewX延X軸傾斜時正值左右的兩個邊傾斜度數(shù)（逆時針）負(fù)值反之
skewY延Y軸傾斜時正值上下的兩個邊傾斜度數(shù)（順時針）
負(fù)值時逆時針、內(nèi)容也會倒過來
transform:translate(100px 100px);平移(也可負(fù)值) 延X軸Y軸平移 默認(rèn)延X軸平移
以上是以默認(rèn)中心為基準(zhǔn)點，也可設(shè)定:transform-origin:x y;或放位置left right等

3D:作用在x、y、z軸
配置場景用(加在父元素上)：perspective視距，transform-style:preserve-3d;3D場景
旋轉(zhuǎn)：transform:rotate3d(1,1,1,45deg);x、y、z軸 是否旋轉(zhuǎn)1轉(zhuǎn)0不轉(zhuǎn)***
縮放倍率：transform:scale3d(2,2,2);z軸上的縮放倍率沒有，顯示不出來*
傾斜：(與2D用法相同)transform:skew(45deg);無3d效果
平移：transform:translate3d(100px 100px 200px);要給視距，不然z軸上看不出來***