javascript 使用JS为每个项添加css动画延迟

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 使用JS为每个项添加css动画延迟相关的知识,希望对你有一定的参考价值。

// Add incremented css delay to each menu item
    $("ul.menu > li").each(function(idx, value) {
      var delay = idx / 12;

      $(this).css({
        "-webkit-animation-delay": delay + "s",
        "-moz-animation-delay": delay + "s",
        "-ms-animation-delay": delay + "s",
        "-o-animation-delay": delay + "s",
        "animation-delay": delay + "s"
      });
    });

以上是关于javascript 使用JS为每个项添加css动画延迟的主要内容,如果未能解决你的问题,请参考以下文章

如何使用css在svg中添加从下到上流动的颜色

2017 年用于 UI 设计的 CSS3 和 JavaScript 动画库(TOP 9)

初探Javascript魅力

JS DOM 节点:Javascript

Vue.js进入/离开 & 列表过渡

CSS vs. JS Animation: 哪个更快