velocity.js序列转换

Question

我想使用velocity.js序列，使用transition.slideUpDown。

如果我以这种方式使用它，它可以工作。 $（$ element）.velocity（“transition.slideUpDown”，500）;

但如果我想将它与序列一起使用，我就无法使用它。

elements: $Element,
  properties: {
    translateX: -100 // this works
    //does not work
    transition: {
      slideUpDown: 500
    }
  },
  options: {
    duration: 1000
    loop: 5
  }

有人有想法吗？

由于

Answer 1

你在这里混合使用API​​。 "transition.slide*"是一个UI包效果，其中properties对象需要包含CSS属性。

您可以执行following example。

在上面的小提琴里面有一个带有翻译调用的序列，然后是过渡效果调用。

但请注意，loop选项在那里不起作用。