VelocityJS 2.0.5 - SkewX答案

【问题标题】：VelocityJS 2.0.5 - SkewXVelocityJS 2.0.5 - SkewX
【发布时间】：2018-11-29 06:08:29
【问题描述】：

只是在玩 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。

谢谢

【问题讨论】：

标签： javascript velocity.js

【解决方案1】：

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

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

【讨论】：