覆盖Firefox上的过渡延迟问题

Question

我有问题要覆盖在Firefox上的过渡延迟。 下面的示例按预期在Chrome和IE中正常运行，但在Firefox中，在动画延迟之前可以正常工作。 在动画开始之前，我无法覆盖Firefox上的过渡延迟。 我相信这是一个错误，但是此问题的解决方法是什么？

这是jsfiddle链接

这是HTML代码

<button>move</button>
<div class="box"></div>

Java脚本

$('button').click(function(){
    $('.box').addClass('move').on('transitionend',function(){
        $(this).removeClass('move');
    });
});

和CSS

.box{
    height:100px;
    width:100px;
    background-color:yellow;
    transition:all 1s ease 1s;
    position:absolute;
    left:0;
}
.move{
    transition-delay:0;
    left:500px;
}

Answer 1

您只需要包含一个单位（本例中为秒）：

.move {
    transition-delay: 0s; 
    left: 500px;
}

更新的小提琴

^{该答案解释了原因： Firefox中的单位在“ 0s”转换}