CSS实现按钮抖动效果 - 简单示例代码
可以使用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,这样按钮就会一直抖动下去。
你可以根据自己的需要调整动画的持续时间、晃动幅度等参数,来实现不同的按钮抖动效果。
原文地址: https://www.cveoy.top/t/topic/m0NZ 著作权归作者所有。请勿转载和采集!