css3 新增的有：過度動(dòng)畫陰影，圓角
transition：width（寬度產(chǎn)生動(dòng)畫）
1 在哪產(chǎn)生動(dòng)畫
2 動(dòng)畫消耗的時(shí)間
3 運(yùn)動(dòng)曲線
4 延長多長時(shí)間才開始執(zhí)行動(dòng)畫，（不寫就不執(zhí)行）規(guī)定過度效果的曲線度宦，默認(rèn)是ease琳钉，多個(gè)用音榜，（逗號(hào)）隔開，過度屬性：transition
圓角： border - radius惜论，如果不想寫那么多的話就用
transition：all is ease
transition：all is linear 勻速
transition：all is ease 開始和結(jié)束 慢速 中間加速
transition ：all is ease - in . 開始的時(shí)候慢，越來越快止喷，然后停止馆类；
transition : all is ease - out . 開始時(shí)快，越來越慢弹谁，然后停止乾巧；
transition : al is ease-in -out .開始和結(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(上邊距) auto 0;
元素旋轉(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:left center, 設(shè)置變形的中心點(diǎn) (左中)；
transfrom-origin:left top,設(shè)置變形的中心點(diǎn) (左上)乒融；
背面可見
margin : 上掰盘，右，下赞季，左愧捕，
如果不想變的話 加過度 transfom:all 500ms ease;
800是經(jīng)驗(yàn)值 起始角度 rotatey (0deg);
有透視效果 transfrom -style : preserve -3d;
設(shè)置盒子背面是否可見
backface - visibity : hidden; 背面不可見 （隱藏不可見）；
圖片翻面時(shí)另一張圖片
animation 動(dòng)畫
多個(gè)設(shè)置用空格隔開申钩；
animation : moving 1s ease(運(yùn)動(dòng)曲線) 1s(延遲) 5(動(dòng)的次數(shù) ) alternat(是否返回)
alternate 設(shè)置是否返回次绘；
infinite 不限次數(shù)；
動(dòng)畫運(yùn)歲動(dòng)的狀態(tài) ： 暫停 animation-play-state : paused;
動(dòng)畫運(yùn)動(dòng)的狀態(tài) ： 運(yùn)行 animation-play-state : running;
forwards 動(dòng)畫結(jié)束最后狀態(tài)；
both 都 起始和結(jié)束都設(shè)置邮偎；
@keyframes 創(chuàng)建關(guān)鍵動(dòng)畫時(shí)管跺；聲明一個(gè)動(dòng)畫，給他后面隨便起一個(gè)名字禾进；
動(dòng)畫一個(gè)狀態(tài)到另一個(gè)狀態(tài)豁跑；
隱藏 overflow : hidden;
相對(duì)定位 ：position : relative;
絕對(duì)定位 : positiion : absolute;
動(dòng)畫定義的關(guān)鍵字:
@keyframes 名字{ 起始狀態(tài) from [ left 0px]
終止?fàn)顟B(tài) to [ left 0px,]}
from 開始 ，to 結(jié)束泻云；
循環(huán)一直走 ：infinte ;
transfrom : scaley;
多幀動(dòng)畫
位移動(dòng)畫 transfrom : tanslateY(Y軸) 10px;
圓角 border - ralios : 50px;
原路返回 ： alternate;
縮放 transfrom : scale(0.5 0.5)
box-shadow : 17px(X軸) 13px（Y軸）12px(羽化) 14px(擴(kuò)展) p