CSS动画：实现抖动效果 - 完整指南

使用CSS的@keyframes规则和transform属性可以创建一个抖动动画效果。以下是一个简单的抖动动画的示例：\n\ncss\n@keyframes shake {\n 0% { transform: translateX(0); }\n 20% { transform: translateX(-10px); }\n 40% { transform: translateX(10px); }\n 60% { transform: translateX(-10px); }\n 80% { transform: translateX(10px); }\n 100% { transform: translateX(0); }\n}\n\n.shake {\n animation: shake 0.5s infinite;\n}\n\n\n在上面的例子中，我们定义了一个名为"shake"的关键帧动画，它使元素在水平方向上抖动。然后，我们为具有类名"shake"的元素应用了这个动画。\n\n通过将类名"shake"添加到你想要应用抖动动画的元素上，就可以看到动画效果了。你可以根据需要调整动画的持续时间和抖动的幅度。