Javascript 如何为CSS动画计时功能设置计时器？

好的，假设您已经创建了具有减缓效果的动画，并将持续时间设置为2秒（例如）：

“动画持续时间”属性指定动画完成一个周期所需的秒数，但我无法找到解决方案如何（例如）仅减慢动画的“缓解”部分。

这里是一个简单动画的小提琴示例，因此您已经准备好测试您的想法（如果可能的话？！）：

（如果您愿意，可以随意使用js）。

---

谢谢。

您可以使用自定义计时功能来准确控制动画的速度，而不必使用

放松功能

看一看。
如何只减慢动画的“放松”部分？

不能仅减慢动画的减缓部分，因为
减缓
是对的内置引用，它定义了整个动画期间CSS属性值的1d变换行为：


CSS数据类型表示一个数学函数，该函数描述了一维值在转换或动画期间的变化速度。这本质上允许您建立加速曲线，以便动画的速度可以在其持续时间内变化。这些函数通常称为缓和函数

你能做的就是用一个工具创建你自己的贝塞尔曲线，比如，修改你认为合适的曲线。例如：

[]

______

如何为CSS动画计时功能设置计时器？

这个问题的答案取决于你设置计时器的意思。如果要延迟动画，则可以使用。例如，要将动画延迟三秒，请执行以下操作：

animation-delay: 3s;

[]

animation-timing-function: cubic-bezier(0, 0, .8, .45);

animation-delay: 3s;