設定-webkit-perspective blur ipad3画面

Question

iPad3のWebkitパースペクティブCSSプロパティを設定すると、子要素が非常にぼやけてレンダリングされます。明確にするために、私はイメージがぼやけていることを話しているわけではありません。

これについて何ができるのですか？

Z軸での移動が必要なアニメーションを使用しているため、単にプロパティを削除することはできません。

プロパティは、CSSで次のように設定されている。この上の任意の助けを

-webkit-perpective: 500; 

感謝を！

Answer 1

ない、これが役立つかどうかわからが、フロントエンドの神デビッドDeSandroことで、この記事ではこの種のものの言及があります、セクションの下に「Z-AXIS原点復帰」：

http://24ways.org/2010/intro-to-css-3d-transforms

3-D変換をスムーズに保つために、Safariは要素を合成し、 は変換を適用します。その結果、テキストのアンチエイリアスは、変換が適用される前の状態にとどまるので、 になります。 は、3-D空間で前方に形質転換された場合、重大なピクセレーションが...発生する可能性があります

...ように、我々は戻って3-Dオブジェクトをプッシュすることができ、歪みを解消して、私たちの#cubeに をピクセル完璧を復元するには前面は になり、Z軸の原点に戻ります。

#cube { -webkit-transform: translateZ(-100px); }