swing
动画的影响。
-
animation:
swing
2s
infinite;
:这一行声明了应用于所选元素的动画。
swing
是动画的名称,对应后面定义的
@keyframes
规则;
2s
表示动画的持续时间为
2
秒;
infinite
表示动画将无限循环播放,即元素会持续进行摆动动作。
@keyframes
规则:
-
@keyframes
swing
:定义了一个名为
swing
的关键帧动画。在这个动画中,通过在不同的时间百分比上设置
transform:
rotate
属性来控制元素的旋转角度,从而实现摆动效果。
-
0%
{
transform:
rotate(0deg);
}
:在动画开始(0%
时间点)时,元素不旋转,即旋转角度为
0deg
请勿开启浏览器阅读模式,否则将导致章节内容缺失及无法阅读下一章。
相邻推荐:可笑,我走后,你连皇位都坐不稳 开局签到SSS级天赋,武道斩神 记忆曝光:我被直播审判,全华夏泪崩了 我道风雪似你 死亡从学校开始了 与末世互通,我富可敌国 袅袅升朗玥 从了金主后,我在娱乐圈横着走 穿越七九,我要娶祖孙三代的女神 曲医生的专属良药 重生之凤逆无双 新还珠格格之人儿归家 穿越古代,艺术生的科举之路 穿越兽世,一不小心崽儿生多了 重生美国财阀私生子 火影:人在日向当咸鱼 铁扇公主传 HP:救世主表妹在魔法界闹革命 大乾末年:渲染红色天下 龙族:嬴氏