CSS 动画想做一格一格跳动的效果，可以把时间函数设为 steps()。它把变化拆成离散台阶；linear 则让数值在两端之间连续变化。 例如 animat… · @BaiBtw · TwKit

@BaiBtw

CSS 动画想做一格一格跳动的效果，可以把时间函数设为 steps()。它把变化拆成离散台阶；linear 则让数值在两端之间连续变化。 例如 animation: spin 1s steps(8) infinite; 给 spin 动画设置 1 秒时长、8 级阶梯节奏，并持续循环。它控制的是动画推进的节奏，具体怎样转动仍由关键帧决定。 这种节奏适合精灵图逐帧切换、计数器、时钟，以及一帧一帧出现的效果。要连续流动还是逐格跳动，取决于要表现的内容，并没有哪一种总是更好。

曝光 132 · 评论 5 · 点赞 4 · 书签 0