`keyframes` 是 CSS3 中用于创建动画的一种方法。它允许你定义一系列的关键帧,每个关键帧指定了动画在特定时间点的样式。使用 `keyframes` 可以创建复杂的动画效果,如移动、缩放、旋转等。
以下是使用 `keyframes` 的基本步骤:
1. 定义关键帧
你需要定义一个名为 `@keyframes` 的规则,并为其指定一个名称。在这个规则内部,你可以定义动画在不同时间点的样式。
```css
@keyframes move {
0% {
transform: translateX(0);