animation动画默认以ease过渡，这种方式的过渡会在每个关键帧之间插入补间动画，所以动画是连贯的，当只需要在关键帧之间跳跃时，使用steps方式过渡。
animation：time steps（number）
参数：time为在每一帧动画停留时间的总和
number为关键帧数
转载于:https://www.cnblogs.com/Steeland/p/7140769.html
制作简单的GIF动图
最新推荐文章于 2024-09-26 20:04:11 发布
本文介绍了CSS动画中使用steps方法实现关键帧之间跳跃效果的技术细节。在某些场景下，仅需在关键帧之间进行跳跃而非平滑过渡，此时使用steps过渡方式可以达到预期效果。通过设置停留时间和关键帧数量来控制动画节奏。
扫一扫
818
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
