javascript - Velocity.js 在动画完成后删除样式属性

Question

我的 Velocity.js 动画在完成后通过删除 style 恢复为样式表定义的值属性。我已经检查了所有文档，没有任何线索给我。

很简单，span样式如下:

.csstransforms3d #naslov h1 span{
    display: inline-block;
    -webkit-transform: perspective(400px) rotateX(90deg);
       -moz-transform: perspective(400px) rotateX(90deg);
         -o-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
}

并以此为动画:

$.Velocity.hook( $('#naslov h1 span') , "rotateX", "90deg");
$('#naslov h1 span').velocity({rotateX:'0deg'},3000)

我正在开发工具中观看我的动画。一切顺利，transform: rotateX正在逐渐降低它在 style 中的值(value)span 的标签和 - 吊杆，整个 style标签消失一次 rotateX达到 0；

有人知道这里发生了什么吗？

Answer 1

如果我没记错的话，Velocity 的默认行为是删除具有类似空值的转换，请参阅 here .

问题是您的最终值为 0deg，这基本上是一个空旋转变换。

不确定这是否有效，但我认为如果您只是将 360 添加到所有值，您可能会欺骗系统在最后不清理 transform:rotateX。

更新: 根据@Miloshio 的评论最好为所有值添加 0.01 而不是 360(未测试)。