第一步:聲明動畫方法
@keyframes rotation{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
? }
}
1.@keyframes 是聲明動畫方法的關(guān)鍵字
2.rotation 聲明的方法名稱
3.0%绒怨,%100
4.transform:first (0deg); 初始的角度
5.transform:last (360deg); 完整一個(gè)周期將結(jié)束的角度
6.0-360是順時(shí)針;360-0是逆時(shí)針谦疾。
第二步:調(diào)用動畫方法
animation: rotation linear 5s infinite;
1.animation 是調(diào)用的關(guān)鍵字
2.rotation 方法名稱
3.linear 動畫模式(勻速)
4.5s 動畫一周期的時(shí)間
5.infinite 是動畫無限循環(huán)