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