@keyframes”

`@keyframes`是CSS3动画中的一个重要部分，它可以定义一个对象在不同时间点的状态，从而实现动画效果。

`@keyframes`规则由以下几个部分组成：
1. `@keyframes`关键字；
2. 动画名称，可以自定义；
3. 动画的关键帧，即动画中不同时间点的状态。

下面是一个`@keyframes`的示例代码：

@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

上面代码中，定义了一个名为“example”的动画，它包含两个关键帧，“from”表示动画的初始状态，“to”表示动画的最终状态，这里的状态是一个背景色的变化，从红色到黄色的过程。

除了“from”和“to”关键字，还可以使用百分比来定义不同的关键帧，例如：

@keyframes example {
    0% {background-color: red;}
    50% {background-color: yellow;}
    100% {background-color: green;}
}

上面代码中，定义了三个关键帧，分别在动画的0%、50%和100%时间点，表示动画在不同的时间内的不同状态。

参考文献：[^1]