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快到慢默認值 linear勻速 ease-in-out慢快慢
transition:2s cubic-bezier(0.1 0.6 0.2 0); cubic-bezier:特殊的立方貝塞爾曲線效果
綜合寫：animation:@keyframes關鍵幀的名稱 一個周期時長 周期數(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;動畫結束時的狀態(tài) backwards開始狀態(tài) both none默認值
transform 變形 transform:rotate(45deg);旋轉(整體轉) 以原點開始順時針旋轉，負值逆時針轉
transform:scale（1,2）; 縮放倍率 沒有單位
一個值寬高縮放一樣倍率，邊框會放大收捣。 負值時整個元素會翻轉180度再縮放
兩個值寬高各自設置縮放倍率他去，延X軸縮放鄙币、水平方向拉伸左右兩邊的邊框會放大税迷；
延Y軸縮放淤翔、垂直方向拉伸上下兩邊的邊框會放大。
transform:skew(45deg);傾斜 元素改變形狀
skewX延X軸傾斜時正值左右的兩個邊傾斜度數(shù)（逆時針）負值反之
skewY延Y軸傾斜時正值上下的兩個邊傾斜度數(shù)（順時針）
負值時逆時針苫费、內容也會倒過來
transform:translate(100px 100px);平移(也可負值) 延X軸Y軸平移 默認延X軸平移
以上是以默認中心為基準點汤锨，也可設定:transform-origin:x y;或放位置left right等
3D:作用在x、y百框、z軸
配置場景用(加在父元素上)：perspective視距闲礼，transform-style:preserve-3d;3D場景
旋轉：transform:rotate3d(1,1,1,45deg);x、y铐维、z軸 是否旋轉1轉0不轉***
縮放倍率：transform:scale3d(2,2,2);z軸上的縮放倍率沒有柬泽，顯示不出來*
傾斜：(與2D用法相同)transform:skew(45deg);無3d效果
平移：transform:translate3d(100px 100px 200px);要給視距，不然z軸上看不出來***
