Javascript 覆盖Firefox上的转换延迟问题
我无法在firefox上覆盖转换延迟。下面的例子和我在Chrome和IE上预期的一样,但在Firefox上,在动画出现之前,它是延迟的。在动画开始之前,我无法覆盖firefox上的转换延迟。我相信这是一个bug,但是这个问题的解决方法是什么 这是 这里是Html代码Javascript 覆盖Firefox上的转换延迟问题,javascript,html,css,Javascript,Html,Css,我无法在firefox上覆盖转换延迟。下面的例子和我在Chrome和IE上预期的一样,但在Firefox上,在动画出现之前,它是延迟的。在动画开始之前,我无法覆盖firefox上的转换延迟。我相信这是一个bug,但是这个问题的解决方法是什么 这是 这里是Html代码 <button>move</button> <div class="box"></div> 和CSS .box{ height:100px; width:100px;
<button>move</button>
<div class="box"></div>
和CSS
.box{
height:100px;
width:100px;
background-color:yellow;
transition:all 1s ease 1s;
position:absolute;
left:0;
}
.move{
transition-delay:0;
left:500px;
}
您只需要包含一个单位(本例中为秒):
此答案解释了原因:您只需要包含一个单位(在本例中为秒):
此答案解释了原因:您只需要包含一个单位(在本例中为秒):
此答案解释了原因:您只需要包含一个单位(在本例中为秒):
这个答案解释了原因:你是对的,它工作得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不到这一点,因为它在其他浏览器中工作得很好,而且如果我们使用零值,使用unit通常是多余的。
.box{
height:100px;
width:100px;
background-color:yellow;
transition:all 1s ease 1s;
position:absolute;
left:0;
}
.move{
transition-delay:0;
left:500px;
}
.move {
transition-delay: 0s;
left: 500px;
}