animation steps

在CSS动画中，steps()是一个用于将动画分割成若干步骤的timing function。它可以使动画在每一步都跳跃到下一个关键帧的状态，而不是平滑过渡。它在某些非连续变化的效果中非常有用，比如钟表秒针的阶跃式转动或人物行走的效果。 该函数接受两个参数，第一个参数表示将动画分成几个步骤，第二个参数表示动画执行时的起始位置。例如，steps (1, start) 表示将动画分成1步，动画执行时以起始端点为开始；steps (1, end) 表示将动画分成1步，动画执行时以结束端点为开始。 使用steps()函数，可以在一个动画中模拟出多个快速的关键帧状态，达到特定的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [【CSS】一文读懂 Animation 中的时间函数 steps](https://blog.csdn.net/weixin_34315665/article/details/88731693)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [animation的steps()用法详解](https://blog.csdn.net/gao_xu_520/article/details/79263408)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]