Question

我把这个混音放在.less：

.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结果＆＃39; s：

.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正确实现标准，我必须将转换延迟更改为0

Firefox正在删除转换混合结果

1 个答案: