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

css3 animationで奇妙な問題があります。css3アニメーションのアーティファクト

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

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

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

出典

2012-07-09 John Melio

のためにこれを確認アニメーション要素のCSSでのFirefox –

を見ることができます。

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

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

出典

2012-07-09 09:15:26 sandeep

ため、実際この問題を

-webkit-transform:translate3d(0,0,0);

をあなたが答えてくれてありがとう！残念ながら、このソリューションは私のケースでは機能しませんでした... –

more link http://tackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform – sandeep

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

答えて

関連する問題