Jquery 使用速度'；s交错选项以延迟动画

我试图在将动画应用于元素集合时使用Velocity.js的

stagge

选项。我希望每个元素的动画都会比前一个元素稍微延迟一点，这样它们就不会同时消失。除非我误解了如何使用它

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

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

此处演示：

试试这个

CSS:

JS:

---

参差不适用于不透明度？已经有一段时间了，但是我非常确定这个用例需要不透明度，因为它们需要在不可见时占用DOM空间，而不是在出现时移动DOM。我不确定不透明度和速度效果是什么情况。但是我试着在我的一个项目中使用这些不透明度效果，但没有成功。

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

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