• 一、steps()函数
  • 1.1 介绍
  • 1.2 语法

• 以下内容源于：《图解CSS3核心技术与案例实战》 第12章

一、steps()函数

1.1 介绍

• steps() 函数：
  • 用于把整个操作领域划成同样大小的间隔，每个间隔是相等的。
  • 该函数还指定发生在开始或结束的时间间隔是否另外输出百分比，即：如果输出的百分比为 0% ，表示输入变化的初始点。

• W3C 对 steps() 函数的剖析图：

• step() 函数允许在固定的间隔播放动画：

1.2 语法

• step(<integer>[,[start|end]]?)：
  • 第一个参数 <integer>：指定 step() 函数间隔的数量，值必须是大于0的正整数。
  • 第二个参数 start 或 end：可选，默认 end

• 例如：step(1, start) 相当于 step-start；step(1, end) 相当于 step-end。