102 次浏览【转载需注明来源】
我使用这行代码,每次是刷新只能触发一次,不能每次都触发,必须F5刷新页面 第一次才能触发
有办法实现让图标动起来吗?或者有是什么方法让我这一行代码不用F5刷新每次调用后都能触发一次呢?
主要目的就想,用户输入错验证码有一个动画提示,
@关键帧动画 shake {
0% { 转换: 平移(1px, 1px) 旋转(0deg); }
10% { 转换: 平移(-1px, -2px) 旋转(-1deg); }
20% { 转换: 平移(-3px, 0px) 旋转(1deg); }
30% { 转换: 平移(3px, 2px) 旋转(0deg); }
40% { 转换: 平移(1px, -1px) 旋转(1deg); }
50% { 转换: 平移(-1px, 2px) 旋转(-1deg); }
60% { 转换: 平移(-3px, 1px) 旋转(0deg); }
70% { 转换: 平移(3px, 1px) 旋转(-1deg); }
80% { 转换: 平移(-1px, -1px) 旋转(1deg); }
90% { 转换: 平移(1px, 2px) 旋转(0deg); }
100% { 转换: 平移(1px, -2px) 旋转(-1deg); }
}
测试账号
qiang Time: 2023-12-25 18:34:24
评论ID
输入错误后,先清除animation的样式,再添加。