可以使用CSS中的animation动画实现按钮抖动效果。以下是一个简单的示例代码:

.btn {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(0); }
  75% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

在上面的代码中,我们定义了一个名为'shake'的动画,它会让按钮在X轴上左右晃动。我们将动画应用于按钮的样式中,并设置了animation-iteration-count属性为infinite,这样按钮就会一直抖动下去。

你可以根据自己的需要调整动画的持续时间、晃动幅度等参数,来实现不同的按钮抖动效果。

CSS实现按钮抖动效果 - 简单示例代码

原文地址: https://www.cveoy.top/t/topic/m0NZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录