Velocity.js以持续时间并行运行动画

时间:2017-11-20 14:03:32

标签: javascript jquery animation svg velocity.js

在Velocity.js中,运行(在对象上)动画的默认方式是在队列中一个接一个。 您可以使用不同的命名队列或选项{queue: false}来并行运行动画。

这样可以正常工作: https://codepen.io/JonasGruenwald/pen/pdpmVv

但是,一旦您添加了{duration: 300},这样的持续时间选项,动画就会一个接一个地运行:https://codepen.io/JonasGruenwald/pen/XzZMYw - 包含已命名的队列和{queue: false}选项。

有没有办法在Velocity.js中同时在同一个对象上运行具有(不同)持续时间的动画? 或者我可以使用某种解决方法吗?我正在尝试编写一个脚本来将动画从基于关键帧的系统转换为速度,因此我正在寻找一种方法来同时为对象的不同属性设置动画。

1 个答案:

答案 0 :(得分:0)

A. Wolff在评论中回答说,我错误地传递了两个带有选项而不是一个的对象,它使用{duration: 300, queue: "a" }代替{duration: 300}, { queue: "a" }

正常工作