使用Velocity的交错选项来延迟动画

Question

我正在尝试使用Velocity.js的stagger选项，同时将动画应用于元素集合。我希望每个元素都会被动画，并且会比之前略有延迟，以便它们不会同时淡入淡出。除非我误解了如何使用它。

你知道为什么这不起作用吗？

$('DIV').velocity({ opacity: 1 }, { stagger: 900, duration: 400 });

在这里演示：

https://jsfiddle.net/louiswalch/o85qnp69/

Answer 1

试试这个

CSS：

DIV {
    width: 100px;
    height: 100px;
    background-color: red;
    display: none;
    margin-bottom: 5px;
}

JS：

$('DIV').velocity("fadeIn", { stagger: 900, duration: 400 });

JSFiddle