gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 00:25:51 25 4
gpt4 key购买 nike

我的 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;

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

最佳答案

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

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

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

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

关于javascript - Velocity.js 在动画完成后删除样式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31471920/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com