@keyframes animationname {keyframes-selector {css-styles;}}
<u></u>keyframes用來(lái)定義CSS動(dòng)畫(huà)
將一套CSS樣式逐漸變?yōu)榱硪惶?br>
可以百分比規(guī)定改變發(fā)生的時(shí)間吨岭，
或者通過(guò)關(guān)鍵字“from”和“to”，等價(jià)于0%和100%
animation: name duration timing-function delay iteration-count direction;
animation是一個(gè)簡(jiǎn)寫(xiě)屬性，用于設(shè)置6個(gè)動(dòng)畫(huà)屬性掩宜。
name：keyframes名字蔫骂，
duration：動(dòng)畫(huà)持續(xù)時(shí)間，
timing-function：速度曲線牺汤，
delay：動(dòng)畫(huà)開(kāi)始前的延遲辽旋，
iteration-count：播放的次數(shù)，
direction：是否輪流反向播放檐迟。
注：
animation-iteration-count:infinite;可以用于設(shè)置循環(huán)動(dòng)畫(huà)补胚。
