轉換：旋轉在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中不起作用

回答

相關問題