当前博客:我想让图标动起来要如何实线?

102 次浏览【转载需注明来源】

博客作者:【临界点】

个性签名:寒窗苦读十年一朝凤舞九天

$(".check")[0].style.animation = "shake 0.5s" ;
JavaScript

我使用这行代码,每次是刷新只能触发一次,不能每次都触发,必须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); }
}
默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-12-25 18:34:24

输入错误后,先清除animation的样式,再添加。


我想让图标动起来要如何实线?