如何设置属性的特定持续时间答案

【问题标题】：How to set specific duration for properties如何设置属性的特定持续时间
【发布时间】：2016-03-14 22:31:20
【问题描述】：

我已尝试研究文档以查找我觉得缺少的功能，或者我只是缺少一些东西。

在此示例中，我正在为 opacity 和 top 属性设置动画，持续时间为 1 秒。

$elements
    .velocity({opacity: 1, top: 0}, {duration: 1000})

很简单，但我想稍微调整一下动画。我希望opacity 的持续时间为 2 秒……但我似乎找不到一种优雅的方式来实现这一点。

我总是可以这样重复：

$elements
    .velocity({top: 0}, {duration: 1000})

$elements
    .velocity({opacity: 1}, {duration: 2000})

...如果可能的话，我想避免吃意大利面。

【问题讨论】：

显然我的例子可以工作，不工作。但它说明了我想要实现的目标:)

标签： javascript velocity.js

【解决方案1】：

这简直太容易了！
我没有连接 http://julian.com/research/velocity/#queue 只是我缺少的东西 :)

例子：

$elements
    .velocity({top: 0}, {duration: 1250})
    .velocity({opacity: 1}, {duration: 3000, queue: false})
    .velocity({opacity: 0}, {duration: 1000, delay: 2000})

【讨论】：