修改CSS steps（）函数

Question

所以steps（）动画看起来像这样（为手绘图表道歉）：

它看起来像一个楼梯，随着位移的突然变化。如果我希望步骤之间的转换更加...... 渐进，该怎么办？像这样：

所以即使它仍然是一个楼梯，它在位移的转变中肯定不那么突然。

是否可以根据看起来像第二张图像的步骤创建动画？理想情况下，我希望根据步骤进行操作，这样我就不必手动对所有百分比进行硬编码。

Answer 1

是的，您可以使用CSS立方贝塞尔来定制您的计时功能。

请记住这是一项实验性技术。

http://roblaplaca.com/blog/2011/03/11/understanding-css-cubic-bezier/

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function