如何设置animate.css动画的持续时间？

Question

我已阅读文档，但对如何实际编写代码感到困惑。 animate.css文档指示：

#yourElement {
  -vendor-animation-duration: 3s;
}

注意：请务必将CSS中的“vendor”替换为适用的供应商前缀（webkit，moz等）

首先：这是否在样式部分，或者我可以使用jquery来设置和更改持续时间（最终我需要弄清楚如何执行此操作，因为持续时间将是可变的）;

第二：我怎么知道“适用的供应商前缀”是什么？我正在使用的动画来自this网站的'脉冲'。

Answer 1

您可以将其放入CSS中，也可以动态设置。要查找所需的供应商前缀，请查看Can I Use以获取CSS动画，并查看您要支持的浏览器。

但是，如果您的动画很复杂，您可能希望使用JavaScript动画，这将为您提供更多控制。 JS动画并不比CSS动画慢，它的jQuery对动画来说很慢。一个优秀且高性能的动画JavaScript库是 GSAP 。

Answer 2

您可以使用这些CSS属性。

transition-delay:3s;
transition-duration:3s;

您需要哪些可以使用。 并且还必须为此添加-webkit，-moz和-ms。