CSS中的动画效果是网页设计中不可或缺的一部分，而今天我们要介绍的是抖动动画。什么是抖动动画？抖动动画是指在鼠标悬浮在某一个指定的标签上时，该标签会产生微小的抖动效果。这一效果可以增加用户的对交互性的
CSS中的动画效果是网页设计中不可或缺的一部分，而今天我们要介绍的是
什么是
/* CSS代码 */
div:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translate(0);
}
20% {
transform: translate(-10px, 10px);
}
40% {
transform: translate(10px, 0px);
}
60% {
transform: translate(-10px, -10px);
}
80% {
transform: translate(10px, 0px);
}
100% {
transform: translate(0);
}
} 以上是
在实际的项目开发中，我们可以根据需求对这个动画的参数进行调整，例如调整动画持续时间或是修改抖动的距离与频率等等。
综上所述，
粉丝
0
关注
0
收藏
0
