jQuery调用CSS3淡入淡出动画？
jQuery调用CSS3淡入淡出动画？
提问于 2012-01-14 08:09:57
我在我的网站上使用的动画(这是为iOS开发的)有一个使用jQ的简单淡入和淡出：
$('.loading').fadeOut();然而，在运行这些动画时，iPhone是不稳定的。然而，CSS3动画的效果要流畅得多。如何使用jQuery淡出div，但使用CSS3动画而不是jQ动画？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-14 09:22:19
这很容易，但是一旦淡出，它不会“消失”，所以页面不会在过渡完成后重新流动。它等同于jQuery的fadeTo()，而不是fadeOut()；
淡出
$('selector').css({
"opacity": 0,
"pointer-events": "none"
});淡入
$('selector').css({
"opacity": 1,
"pointer-events": "auto"
})使用超时延迟执行
setTimeout(function(){
$('selector').css({
"opacity": 1,
"pointer-events": "auto"
})
},)使用.delay延迟执行
$('selector')
.delay(2000)
.queue(function() {
$(this).css({
"opacity": 1,
"pointer-events": "auto"
})
});但这可能最好通过css中的转换延迟属性来完成：
-vendor-transition-delay: 2s;或者速记：
-vendor-transition: opacity 200ms ease 2s;Stack Overflow用户
发布于 2012-01-14 08:12:13
使用CSS动画创建一个类，并在需要时附加它-
$(".loading").addClass("fadeout").delay(2000).queue(function() {
$(this).css('display', 'none');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8858939
复制相关文章
相似问题
腾讯云开发者
