css3アニメーションのアーティファクト

Question

css3 animationで奇妙な問題があります。

私はcss3 transformationが適用されたブロック要素を持っています。 -webkit-transform matrixで変換を適用すると、要素が非常に滑らかに見えます。 しかし、-webkit-keyframesでアニメーションを適用しようとすると、フォントや他のdivがアニメーション中にひどく見えます。

サンプルは、ここで見つけることができます：http://shuma.ru/animation.html

の問題は、あなたがCSSあなたにこれを書くことができます。この問題についてなど "サファリ/クロームWebKitのブラウザの中で

Answer 1

を見ることができます。

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

&サファリのために、この定義：もっと