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 正在逐渐降低它在 span 的 style 标签中的值，并且 - 繁荣，一旦 rotateX 达到 0，整个 style 标签就会消失；

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

Answer 1

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

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

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

更新： 根据@Miloshio 的评论最好将 0.01 添加到所有值 而不是 360（未测试）。

Velocity.js 动画完成后移除样式属性

Velocity.js removes style attribute after animation completion

javascript

jquery

css

animation

velocity.js