转换：旋转在Firefox中不起作用

这是我的代码和转换工作在Chrome浏览器中，但在Firefox中它不起作用。转换：旋转在Firefox中不起作用

.delete-white a:before { 
    background: none repeat scroll 0 0 #FFFFFF; 
    height: 15px; 
    left: 6px; 
    margin-top: -7px; 
    width: 5px; 
    -webkit-transform: rotate(45deg) scale(1); 
    -moz-transform: rotate(45deg) scale(1); 
    -o-transform: rotate(45deg) scale(1); 
    -ms-transform: rotate(45deg) scale(1); 
} 
.delete-white a:after { 
    background: none repeat scroll 0 0 #FFFFFF; 
    height: 5px; 
    left: 1px; 
    margin-top: -2px; 
    width: 15px; 
    -webkit-transform: rotate(45deg) scale(1); 
    -moz-transform: rotate(45deg) scale(1); 
    -o-transform: rotate(45deg) scale(1); 
    -ms-transform: rotate(45deg) scale(1); 
}

来源

2013-06-18 Vikash Anand

转换不是转换。 'transition：rotate（...）'不会工作，但'transform：rotate（...）'will。 – BoltClock

两个音符

你需要有content到:before/:after伪元素
你已经忘记了前缀的版本：transform: rotate(45deg) scale(1);

来源

2013-06-18 16:05:24

我正在使用内容，但这并不能解决我的问题.delete-white：之前，.delete-white：之后，.delete-white a：之前，.delete-white a：之后{ content：“”; position：absolute; } –

@VikashAnand，什么不起作用？这个例子http://jsfiddle.net/Nv22b/1/似乎工作得很好.. –

您需要包括标准，非前缀版本（即transform: rotate(45deg) scale(1);）作为tra列表中的最终定义nsforms。 -moz一个已被弃用，因为将/应该是其他时间。 See the MDN for reference。

来源

2013-06-18 16:05:49

我已经添加了这个转换：旋转（45deg）scale（1）;但我仍然面临问题。 –

您是否愿意在您的代码中发布小提琴或CodePen？ –

.delete-white：之前，.delete-white：之后，.delete-white a：之前，.delete-white a：之后{ 内容：“”; position：absolute; } .delete-white a：before { background：none repeat scroll 0 0 #FFFFFF; height：15px; left：6px; margin-top：-7px; width：5px; transform：旋转（45deg）scale（1）; -webkit-transform：rotate（45deg）scale（1）; -moz-transform：rotate（45deg）scale（1）; -o-transform：rotate（45deg）scale（1）; -ms-transform：rotate（45deg）scale（1）; } –

将此规则添加到元素：“display：inline-block;”

来源

2014-02-26 19:44:23 CafiCChiO

转换：旋转在Firefox中不起作用

回答

相关问题