Css 如何"；“跳跃”；动画中的单个变换值？

我试图在动画中创建一个变换函数值“跳跃”

我的

@keyframes

规则有3个percetanges，每个percetanges中都有transform属性。我希望仅比例从0.5到1从第一个到第三个百分比（与颜色变化相同），而不是从第一个到第二个

我知道这是因为转换在第二个百分比中隐式地应用了

scale（1）

是否可以在不创建多个动画的情况下执行此操作

.block{
背景色：#333；
高度：150像素；
宽度：150px；
利润率：100像素；
动画：滚动3秒，无限向前；
}
@关键帧滚动{
33% {
背景：绿色；
变换：比例（0.5）；
} 66% {
转化：翻译（20%）；
} 100% {
背景：红色；
转换：比例（1）转换（100%）；
}
}

---

您可以手动添加

比例

值

.block{
背景色：#333；
高度：150像素；
宽度：150px；
利润率：100像素；
动画：滚动3秒，无限向前；
}
@关键帧滚动{
33% {
背景：绿色；
变换：比例（0.5）；
} 66% {
转换：比例（0.75）转换（50%）；
} 100% {
背景：红色；
转换：比例（1）转换（100%）；
}
}

---

谢谢您的回答，但我不想在第二个百分比中丢失transform的其他属性。在这种情况下，translateX的值为50%，但可以是20%、80%，等等。在这种情况下，您需要隐式地将

scale

设置为中间值。对不起，不是我要找的。我希望比例从第一到第三。不是第一个，然后是第二个，然后是第三个。只有比例，其他转换值才能在每个阶段正常发生。我不确定这是否可能，但我试图解决这一问题有一段时间了。不用担心。这可能是不可能的