動(dòng)畫(huà)
1敬特、關(guān)鍵幀：
（1）表示符keyframs:
(2)語(yǔ)法結(jié)構(gòu)（0%-100%）
@keyframsNAME{0%{CSS樣式{
color:red;
}
}10%{CSS樣式{
}
}
}
2掰邢、animation與transition:
不同點(diǎn)，動(dòng)畫(huà)不用出發(fā)伟阔；
相同點(diǎn)：都可以通過(guò)時(shí)間改變css樣式屬性
3辣之、常用屬性；
animaton-name：給動(dòng)畫(huà)起個(gè)名稱(chēng)皱炉；
animaton-duration：設(shè)置動(dòng)畫(huà)持續(xù)周期怀估；
animaton-timing-function：
設(shè)置速率：
1，ease 逐漸變慢
2合搅，linear 勻速運(yùn)動(dòng)
3多搀，ease-in 加速
4，ease-out 減速
5灾部，ease-in-out 先加速后減速
6康铭，cubic-bezier 貝塞爾曲線(xiàn) 自定義時(shí)間曲線(xiàn)
（x1,y1,x2,y2)四個(gè)值兩個(gè)點(diǎn)【0-1】
animation-delay:延遲。
animaiton-iteration-count：動(dòng)畫(huà)執(zhí)行次數(shù)：默認(rèn)一次赌髓，infinite（無(wú)限大）
animation-play-state:
用來(lái)控制動(dòng)畫(huà)播放狀態(tài)从藤；
running（啟動(dòng)）和paused(暫停);
animation-direction：播放方向
