Question

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

很简单，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 span标记中的值{ - 1}} - 繁荣，整个style标记消失一次{{1}达到0;

有谁知道这里发生了什么？

Answer 1

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

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

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

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

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

1 个答案: