javascript - Firefox 正在删除过渡混合结果

Question

我在 .less 中有这个 mixin:

.transition(@transition) {
  transition: @transition;
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

mixin 在接下来的 .less 中使用:

.animate-epg-now.ng-enter {
    .transition(left @transition-duration @transition-type @transition-delay);
    z-index: -1;
    display: block !important;
    left: -@transition-displacement;
}

编译后的CSS是:

.go-mdl-epg-drct-main-epg .animate-epg-now.ng-enter {
  transition: left 0.2s ease-out 0;
  -webkit-transition: left 0.2s ease-out 0;
  -moz-transition: left 0.2s ease-out 0;
  z-index: -1;
  display: block !important;
  left: -400px;
}

在 Chrome、Safari、IE 中，它工作完美，但在 firefox 中，过渡线已被删除!在 firebug 中，我看到了源 css，这是 firefox 的结果:

.go-mdl-epg-drct-main-epg .animate-epg-now.ng-enter {
    display: block !important;
    left: -400px;
    z-index: -1;
}

我无法向我解释，可以肯定的是，在 Chrome 中我看到了相同的 css 并且出现了过渡句，并且过渡有效，为什么 firefox 会丢弃这些行？

Answer 1

问题是时间单元0，像这样thread说，firefox 正确执行标准，我必须将转换延迟更改为 0s