我有一些奇怪的問題與css3動畫。css3動畫文物
我有應用css3 transformation
塊元素。 當應用-webkit-transform矩陣時,元素看起來非常平滑。 但是,當我嘗試應用動畫與-webkit關鍵幀,字體和其他一些div在動畫過程中看起來很糟糕。
樣品可以在這裏找到:http://shuma.ru/animation.html
問題中可以看到「WebKit瀏覽器Safari /鉻」等
我有一些奇怪的問題與css3動畫。css3動畫文物
我有應用css3 transformation
塊元素。 當應用-webkit-transform矩陣時,元素看起來非常平滑。 但是,當我嘗試應用動畫與-webkit關鍵幀,字體和其他一些div在動畫過程中看起來很糟糕。
樣品可以在這裏找到:http://shuma.ru/animation.html
問題中可以看到「WebKit瀏覽器Safari /鉻」等
對於這個問題,你可以在你的CSS寫這個。
body{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
& Safari的定義是:
-webkit-transform:translate3d(0,0,0);
在動畫元素的CSS檢查
這更多
謝謝!不幸的是,這個解決方案並沒有爲我的情況... – 2012-07-09 10:13:27
檢查此鏈接更多http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform – sandeep 2012-07-09 10:30:46
爲你解答這個問題也實際用於Firefox – 2012-07-09 10:20:05