過渡:寬度(寬度生成動畫)
1在哪裏生成動畫？
2動畫時間消耗
3運動曲線
4.動畫開始需要多長時間？(不寫就不執行)指定過度效果的曲線默認為ease，多個字符用(逗號)隔開。過度的屬性是過渡。
圓角:border-radius，不想寫那麽多就用吧。
過渡:壹切都很輕松
過渡:壹切都是線性壹致的
過渡:壹切都很容易開始和結束緩慢中間加速
過渡:壹切都很輕松。慢慢開始，越來越快，然後停止；
過渡:壹切都很輕松。開始快，越來越慢，然後停下來；
過渡:al是ease-in -out。慢慢開始，慢慢結束。
如果子元素超過父元素:溢出:隱藏；
rgba(0，0，0，0.5)；半透明；
行高行高；邊距:20px，間距20px，信息信息。
轉換變形
1.排量，2。縮放，3。旋轉，4。斜面，
1.位移躍遷(50px，50px)有水平和垂直兩種；
不會影響公文流轉，自己移動也不會影響底部；
2.旋轉過渡:rotate(30deg)沿Z軸旋轉；
3.縮放過渡的寬度和高度:縮放(0.5，0.2)；
4.斜切過渡:斜切(0，45度)x軸固定，Y軸斜切45度；橫向和縱向；
邊距:50px(上邊距)auto 0；
元素旋轉
Transfrom:旋轉(45度)默認沿z軸旋轉；
變換:透視(800像素)旋轉(45度)
透視設置透視距離，體驗數800px，更符合人眼的透視距離；
Trans from-style: Perseve-3d，設置盒子在3d空間顯示；
變形中間點
div:nth child { }；多少個孩子；
Transfrom-origin:左中心，設置變形的中心點(左中心)；
Transfrom-origin:左上，設置變形的中心點(左上)；
背面可見
邊距:上、右、下、左、
如果妳不想改變，添加過量transfom:所有500ms緩解；
800是經驗值rotatey的起始角度(0度)；
具有透視效果的trans from-style:preserve-3D；
設置盒子的背面是否可見。
backface - visibity:隱藏；背面不可見(隱藏)；
翻圖時的另壹張圖。
動畫動畫
多個設置由空格分隔；
動畫:移動1s ease(運動曲線)1s(延遲)5(移動次數)alternat(是否返回)。
交替設置是否返回；
無限無限次；
動畫的狀態:動畫-播放-狀態:暫停；
動畫運動的狀態:運行動畫-播放-狀態:運行；
向前動畫結束最後壹個狀態；
兩者都設置在開頭和結尾；
@創建關鍵動畫時的關鍵幀；聲明壹個動畫，隨便給他起個名字；
從壹種狀態到另壹種狀態的動畫；
隱藏溢出:隱藏；
相對定位:位置:相對；
絕對定位:位置:絕對；
動畫定義的關鍵字:
@關鍵幀名稱{從[左0px]開始的狀態
結束狀態為[左0px，]}
從開始到結束；
周而復始:英飛特；
trans from:scaley；
多幀動畫
位移動畫transform:translatey(Y軸)10px；
圓形邊框-ralios:50px；
原路返回:備用；
縮放比例:縮放比例(0.5±0.5)
箱形陰影:17px(X軸)13px(Y軸)12px(羽化)14px(擴展)p。