CSS动画，无需渐进和即时更改属性

使用CSS中的

@关键帧

，我可以获得属性在

动画持续时间内逐渐改变的动画。但是我想要一些东西来立即改变属性。所以在整个0%到25%的范围内，标签的属性是一，然后它会立即改变，而不是逐渐改变。我该怎么做？

。移动我{
显示：内联块；
填充：20px；
颜色：白色；
位置：相对位置；
裕度：0 10px 0；
}
.move-me-1{
动画：在步骤8s中移动步骤（4）无限；
}
.move-me-2{
动画：在步骤8s中移动步骤（4，开始）无限；
}
.move-me-3{
动画：以步骤8s无限移动；
}
身体{
填充：20px；
}
@关键帧以步长移动{
0% {
左：0；
背景：蓝色；
}
100% {
左：100%；
背景：红色；
}
}
步骤（4，结束）


步骤（4，开始）


无步骤
您说过：从0%到25%应该是一个步骤，然后将其更改为26%，例如，我需要在
动画
属性中添加
步骤（1）
。这就成功了。谢谢