VelocityJS 2.0.5-SkewX

时间:2018-06-20 07:28:35

标签: javascript velocity.js

只需玩一下VelocityJS 2.0.5

    $l1.velocity({
      translateX: ['-50%', -lineWidth],
      translateY: [0, 0],
      width: lineWidth
    }, 300, 'easeInOutCubic');

    $l1.velocity({skewY: ["-9deg", "0deg"]}, 400, 'easeInOutQuart');

以上代码出于某种原因似乎根本没有使div倾斜,有什么想法吗?在早期版本的velocityJS(1.5.0)中,它可以正常工作,但在最新版本中,它不起作用。

使用转换有效,但是它覆盖了translateX和translateY。

谢谢

1 个答案:

答案 0 :(得分:0)

那是无效的CSS-Velocity V2不提供各种transform属性的(中断的)快捷方式,请直接使用transform

https://github.com/julianshapiro/velocity/blob/master/V2_CHANGES.md