css3新增的東西過(guò)度错英，動(dòng)畫(huà)骑冗，陰影赊瞬，圓角；transition ： width （寬度產(chǎn)生動(dòng)畫(huà)）500ms;
1.在哪產(chǎn)生的動(dòng)畫(huà) 沐旨，2.動(dòng)畫(huà)消耗的時(shí)間 3.運(yùn)動(dòng)曲線(xiàn)森逮；4.延長(zhǎng)多長(zhǎng)時(shí)間才開(kāi)始執(zhí)行動(dòng)畫(huà)，(不寫(xiě)就不直行)
規(guī)定過(guò)度效果的曲線(xiàn)磁携，默認(rèn)是 ease; 多個(gè)用 褒侧，(逗號(hào))隔開(kāi)，

過(guò)度屬性 :transitio;圓角 :border-radius,如果不想寫(xiě)那么多的話(huà)就用transition:allisease;transition:allislinear. 勻速谊迄；transition:allisease. 開(kāi)始和結(jié)束慢速闷供，中間加速；
transition：allisease-in. 開(kāi)始的時(shí)候慢统诺，越來(lái)越快歪脏，然后停止；transition:allisease-out. 開(kāi)始時(shí)快粮呢，越來(lái)越慢婿失，然后停止；transition:alisease-in-out.開(kāi)始和結(jié)束時(shí)慢速啄寡。豪硅。。挺物。如果子元素超出父元素時(shí) :overflow:hidden;rgba(0 ,0, 0,0.5);
半透明懒浮；
line-height行高；
margin: 20px,間距20px,info信息tansfrom變形1.位移 识藤， 2.縮放 砚著， 3.旋轉(zhuǎn) 次伶， 4.斜切 ，
1.位移transition(50px稽穆，50px) 水平和垂直冠王；
是不會(huì)影響文檔流的 ，自己動(dòng) 不會(huì)影響下邊的秧骑；
2.旋轉(zhuǎn)transition:rotate（30deg）沿著z軸旋轉(zhuǎn) 版确；
3.縮放transitiion：scale(0.5,0.2) 寬度 高度
4.斜切transition:skew(0,45deg)x軸不動(dòng)，y軸斜切45度乎折；水平和垂直绒疗；margin: 50px(上邊距)auto0;元素旋轉(zhuǎn)transfrom:rotate(45deg) 默認(rèn)是沿著z軸旋轉(zhuǎn)；
transfrom:perspective(800px)rotate(45deg)perspective設(shè)置透視距離骂澄，經(jīng)驗(yàn)數(shù) 800px吓蘑，比較符合人眼的透視距離；
transfrom-style：perseve-3d,設(shè)置盒子按3d空間顯示坟冲；
變形中間點(diǎn)div:nthchild{} ;第幾個(gè)孩子磨镶；
transfrom-origin:leftcenter, 設(shè)置變形的中心點(diǎn) (左中)；
transfrom-origin:lefttop,設(shè)置變形的中心點(diǎn) (左上)健提；
背面可見(jiàn)margin: 上琳猫，右，下私痹，左脐嫂，如果不想變的話(huà) 加過(guò)度transfom:all500msease;800是經(jīng)驗(yàn)值 起始角度rotatey(0deg);有透視效果transfrom-style:preserve-3d;設(shè)置盒子背面是否可見(jiàn)backface-visibity:hidden;
背面不可見(jiàn) （隱藏不可見(jiàn)）；
圖片翻面時(shí)另一張圖片animation動(dòng)畫(huà)#####多個(gè)設(shè)置用空格隔開(kāi)紊遵；>animation:moving1sease(運(yùn)動(dòng)曲線(xiàn)) 1s(延遲) 5(動(dòng)的次數(shù) )alternat(是否返回)alternate設(shè)置是否返回账千；
infinite不限次數(shù)；
動(dòng)畫(huà)運(yùn)歲動(dòng)的狀態(tài) ： 暫停animation-play-state:paused;動(dòng)畫(huà)運(yùn)動(dòng)的狀態(tài)： 運(yùn)行animation-play-state:running;forwards動(dòng)畫(huà)結(jié)束最后狀態(tài)暗膜；
both都 起始和結(jié)束都設(shè)置匀奏；
@keyframes創(chuàng)建關(guān)鍵動(dòng)畫(huà)時(shí)；聲明一個(gè)動(dòng)畫(huà)学搜，給他后面隨便起一個(gè)名字娃善；
動(dòng)畫(huà)一個(gè)狀態(tài)到另一個(gè)狀態(tài)；隱藏 overflow : hidden;相對(duì)定位 ：position:relative;
絕對(duì)定位 :positiion:absolute;動(dòng)畫(huà)定義的關(guān)鍵字:>@keyframes名字{ 起始狀態(tài)from[ left 0px]終止?fàn)顟B(tài)to[ left 0px,]}from開(kāi)始 瑞佩，to結(jié)束会放；
循環(huán)一直走 ：infinte;transfrom:scaley;
多幀動(dòng)畫(huà)位移動(dòng)畫(huà)transfrom:tanslateY(Y軸) 10px;圓角border-ralios: 50px;原路返回 ：alternate;縮放transfrom:scale(0.50.5)box-shadow: 17px(X軸) 13px（Y軸）12px(羽化) 14px(擴(kuò)展)p