2012-07-09 26 views
7

我有一些奇怪的問題與css3動畫css3動畫文物

我有應用css3 transformation塊元素。 當應用-webkit-transform矩陣時,元素看起來非常平滑。 但是,當我嘗試應用動畫與-webkit關鍵幀,字體和其他一些div在動畫過程中看起來很糟糕。

樣品可以在這裏找到:http://shuma.ru/animation.html

問題中可以看到「WebKit瀏覽器Safari /鉻」等

+0

爲你解答這個問題也實際用於Firefox – 2012-07-09 10:20:05

回答

7

對於這個問題,你可以在你的CSS寫這個。

body{ 
    -webkit-perspective: 1000; 
    -webkit-backface-visibility: hidden; 
} 

& Safari的定義是:

-webkit-transform:translate3d(0,0,0); 
在動畫元素的CSS檢查

這更多

+0

謝謝!不幸的是,這個解決方案並沒有爲我的情況... – 2012-07-09 10:13:27

+0

檢查此鏈接更多http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform – sandeep 2012-07-09 10:30:46