css3新增的東西過度谷遂，動畫超歌，陰影砍艾，圓角；transition ： width （寬度產(chǎn)生動畫）500ms;
1.在哪產(chǎn)生的動畫 巍举，2.動畫消耗的時間 3.運(yùn)動曲線脆荷；4.延長多長時間才開始執(zhí)行動畫，(不寫就不直行)
規(guī)定過度效果的曲線懊悯，默認(rèn)是 ease; 多個用 蜓谋，(逗號)隔開，
過度屬性 :transitio;圓角 :border-radius,如果不想寫那么多的話就用transition:allisease;transition:allislinear. 勻速炭分；transition:allisease. 開始和結(jié)束慢速桃焕，中間加速；
transition：allisease-in. 開始的時候慢捧毛，越來越快观堂，然后停止让网；transition:allisease-out. 開始時快，越來越慢师痕，然后停止寂祥；transition:alisease-in-out.開始和結(jié)束時慢速。七兜。丸凭。。如果子元素超出父元素時 :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) 水平和垂直莉御；
是不會影響文檔流的 ，自己動 不會影響下邊的俗冻；
2.旋轉(zhuǎn)transition:rotate（30deg）沿著z軸旋轉(zhuǎn) 礁叔；
3.縮放transitiion：scale(0.5,0.2) 寬度 高度
4.斜切transition:skew(0,45deg)x軸不動，y軸斜切45度迄薄；水平和垂直琅关；margin: 50px(上邊距)auto0;元素旋轉(zhuǎn)transfrom:rotate(45deg) 默認(rèn)是沿著z軸旋轉(zhuǎn)；
transfrom:perspective(800px)rotate(45deg)perspective設(shè)置透視距離讥蔽，經(jīng)驗數(shù) 800px涣易，比較符合人眼的透視距離；
transfrom-style：perseve-3d,設(shè)置盒子按3d空間顯示冶伞；
變形中間點(diǎn)div:nthchild{} ;第幾個孩子新症；
transfrom-origin:leftcenter, 設(shè)置變形的中心點(diǎn) (左中)；
transfrom-origin:lefttop,設(shè)置變形的中心點(diǎn) (左上)响禽；
背面可見margin: 上徒爹，右，下金抡，左瀑焦，如果不想變的話 加過度transfom:all500msease;800是經(jīng)驗值 起始角度rotatey(0deg);有透視效果transfrom-style:preserve-3d;設(shè)置盒子背面是否可見backface-visibity:hidden;
背面不可見 （隱藏不可見）；
圖片翻面時另一張圖片animation動畫#####多個設(shè)置用空格隔開梗肝；>animation:moving1sease(運(yùn)動曲線) 1s(延遲) 5(動的次數(shù) )alternat(是否返回)alternate設(shè)置是否返回；
infinite不限次數(shù)铺董；
動畫運(yùn)歲動的狀態(tài) ： 暫停animation-play-state:paused;動畫運(yùn)動的狀態(tài)： 運(yùn)行animation-play-state:running;forwards動畫結(jié)束最后狀態(tài)巫击；
both都 起始和結(jié)束都設(shè)置禀晓；
@keyframes創(chuàng)建關(guān)鍵動畫時；聲明一個動畫坝锰，給他后面隨便起一個名字粹懒；
動畫一個狀態(tài)到另一個狀態(tài)；隱藏 overflow : hidden;相對定位 ：position:relative;
絕對定位 :positiion:absolute;動畫定義的關(guān)鍵字:>@keyframes名字{ 起始狀態(tài)from[ left 0px]終止?fàn)顟B(tài)to[ left 0px,]}from開始 顷级，to結(jié)束凫乖；
循環(huán)一直走 ：infinte;transfrom:scaley;
多幀動畫位移動畫transfrom:tanslateY(Y軸) 10px;圓角border-ralios: 50px;原路返回 ：alternate;縮放transfrom:scale(0.50.5)box-shadow: 17px(X軸) 13px（Y軸）12px(羽化) 14px(擴(kuò)展)
