2013-07-25 41 views
3

我收到了一個使用CSS關鍵幀動畫的錯誤。CSS關鍵幀動畫-webkit-transform重置Chrome Bug

當動畫-webkit-transform屬性動畫時,如果我添加-webkit-animation-play-state: paused;然後將其刪除,動畫會快速跳回到開始位置,然後再次恢復。

下面是這個動作的例子:http://jsfiddle.net/NAjFf/8/ 它甚至可以切換使用javascript動畫狀態時發生的情況:http://jsfiddle.net/NAjFf/7/

是否有針對此問題的解決方法嗎?

謝謝!

回答

1

這是webkit中的一個錯誤問題,每個受它影響的人都可能會對Roman Komarov的技術感興趣,該技術通過繼承將WebKit僞裝成僞轉換。

結帳下面的鏈接

pseudos

:)

+1

現在,[動畫僞元件](http://jsfiddle.net/6AnfX/)由支持大多數(如果不是所有的)主流瀏覽器,它在Firefox,Chrome,IE和Opera中運行良好。我不確定Safari。無論如何,這應該如何幫助解決問題?你能舉一個例子嗎? – ndm