愿所有的美好和期待都能如约而至

除非我使用超时,否则css过渡不起作用 '

发布时间:  来源:互联网  作者:匿名  标签:css css-transitions error CSS transitions don't work unless I us  热度:37.5℃

本文介绍了除非我使用超时,否则css过渡不起作用(')的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有两个类:hideisdisplay: nonetransparentisopacity: 0。元素pr_container具有-webkit-transition: opacity 1s。以下基于JQuery的代码使元素以动画效果显示:

pr_container.removeClass("hide");
setTimeout(function() { pr_container.removeClass("transparent"); }, 0);

但是,当我删除setTimeout而只删除第二个类时,没有动画。为什么?

编辑:我正在使用最新的Chrome,我还没有检查其他浏览器。

编辑:我尝试将这两个调用放在同一个setTimeout回调中-没有动画。所以这显然是关于分离的。

编辑:这是jsFdle:http://jsfiddle.net/WfAVj/

推荐答案

如果同时更改display属性,则无法进行转换。因此,为了让它正常工作,您必须以其他方式隐藏您的元素。例如:

.hide {
    height: 0;
    width: 0;
    /* overflow: hidden; padding: 0; border: none; */
}

http://jsfiddle.net/dfsq/WfAVj/1/

这篇关于除非我使用超时,否则css过渡不起作用(')的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP