VelocityJS 2.0.5 - SkewX

Question

刚开始玩 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。

谢谢

Answer 1

无效 css - Velocity V2 不为各种 transform 属性提供（损坏的）快捷方式，请直接使用 transform。

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

VelocityJS 2.0.5 - SkewX

VelocityJS 2.0.5 - SkewX

javascript

velocity.js