Compass single transition mixin在Firefox 22中不工作
我在这个项目中使用了Sass 3.2.9、Compass 0.13.alpha.4和Susy 1.0.9 以下是SCS:Compass single transition mixin在Firefox 22中不工作,firefox,transition,compass-sass,Firefox,Transition,Compass Sass,我在这个项目中使用了Sass 3.2.9、Compass 0.13.alpha.4和Susy 1.0.9 以下是SCS: .callout-image-wrap { @include single-transition(border-color, .5s, ease-in-out, 0); @include rem(border-bottom, 5px solid $mxn-light-blue); &:hover { border-bottom-color :
.callout-image-wrap {
@include single-transition(border-color, .5s, ease-in-out, 0);
@include rem(border-bottom, 5px solid $mxn-light-blue);
&:hover { border-bottom-color : $mxn-dark-blue; }
}
下面是生成的css:
.callout-image-wrap {
-webkit-transition: border-color 0.5s ease-in-out;
-webkit-transition-delay: 0;
-moz-transition: border-color 0.5s ease-in-out 0;
-o-transition: border-color 0.5s ease-in-out 0;
transition: border-color 0.5s ease-in-out 0;
border-bottom: 5px solid #0099ff;
border-bottom: 0.3125rem solid #0099ff; }
.callout-image-wrap:hover {
border-bottom-color: #003399; }
看起来FF甚至还没有开始进行过渡。然而,它在Chrome中运行良好。Mozilla前缀转换的方式有变化吗?或者罗盘是如何产生它们的?还是我写错了
我还试着做:
@include transition(border-color .5s ease-in-out 0);
我在过去的项目中使用过这个mixin,没有任何问题,所以在这个问题上我非常困惑。事实证明Firefox不会只接受0作为延迟时间,它要么不存在,要么有一个“s”或“ms” 我会自己出去的