css - css3 スケールで要素をスケーリングすると、アニメーションが完了する直前までピクセル化されます。境界線のある要素をアニメーション化しています

Question

http://jsfiddle.net/nicktheandroid/5Ytnj/

要素に追加-webkit-backface-visibility: hidden;すると.circ、アニメーションが完了した後でもピクセル化されたままになります。

アニメーション中にピクセル化しないようにする方法があるかどうか疑問に思っています。Google Chrome の開発版で表示しています。

Answer 1

さて、私は回避策を思いついたと思います。

本質的に; 「スケール」は使用しないでください。「scale3d」を使用して、画像が最大になるように設定しますscale3d(1,1,1)。

これはあなたがそこに持っていた円のものの例です。0.2222222222222222222222222222222222をscale3d関数に入れたくなかったので、スケールを5に変更しました...

[編集]そこで、ハードウェアアクセラレーションのないコンピューターで、jsfiddleデモを再試行しましたが、ピクセル化の影響はなくなりました。したがって、それをテクスチャに変換してからスケーリングするscale3dの場合と同じ問題のようです。ここcirc3のdivのように行うことができます。