CSS3轉換（變換）在Firefox中不起作用，但在Chrome和Safari中

我正在使用一個簡單的滑塊，該滑塊使用CSS過渡來爲幻燈片設置動畫。我用一些基本的造型和一些javascript here創建了一支筆。注意：由於Codepen使用Prefixfree我沒有使用任何前綴。CSS3轉換（變換）在Firefox中不起作用，但在Chrome和Safari中

動畫的唯一部分是.slider__anim，而不是.slider__item本身。我對所有非活動幻燈片使用position: absolute，對活動幻燈片使用position: relative。這樣我就不必爲我的.slider使用固定的高度。

在Chrome和Safari中，它工作得很好，但由於某些原因，它不會觸發Firefox中的CSS轉換。這是Firefox中的錯誤還是Firefox的特殊標記？

來源

2014-03-13 Daniel

您是否使用'-moz-transition'？ –

@KeesSonnema我在我的項目中使用[autoprefixer]（https://github.com/ai/autoprefixer），Codepen使用[Prefixfree]（http://leaverou.github.io/prefixfree/）來照顧所有不同的前綴。 – Daniel

好吧，不知道prefixfree是如何工作的。 :) –

對於每個人，誰擁有了同樣的問題：這是在Firefox中的錯誤，請參閱：https://bugzilla.mozilla.org/show_bug.cgi?id=625289

來源

2014-03-13 17:22:53 Daniel

CSS3轉換（變換）在Firefox中不起作用，但在Chrome和Safari中

回答

相關問題