生成一个让图片抖动的代码
时间: 2024-05-15 10:15:07 浏览: 6
以下是一个简单的 CSS 代码,可以让图片抖动:
```css
@keyframes shake {
0% { transform: translate(0, 0) rotate(0); }
10% { transform: translate(-10%, -10%) rotate(-10deg); }
20% { transform: translate(10%, 10%) rotate(10deg); }
30% { transform: translate(-10%, 0%) rotate(-10deg); }
40% { transform: translate(10%, 0%) rotate(10deg); }
50% { transform: translate(-10%, 10%) rotate(-10deg); }
60% { transform: translate(10%, -10%) rotate(10deg); }
70% { transform: translate(-10%, -10%) rotate(-10deg); }
80% { transform: translate(10%, 10%) rotate(10deg); }
90% { transform: translate(-10%, 0%) rotate(-10deg); }
100% { transform: translate(0, 0) rotate(0); }
}
img {
animation: shake 0.5s;
}
```
将上述代码添加到你的 CSS 文件中,然后将 `img` 标签的 `class` 或 `id` 设置为 `shake`,图片就会开始抖动。你也可以调整 `animation` 属性中的动画时长来改变抖动的速度。