iPad3でWebkitパースペクティブCSSプロパティを設定すると、子要素が非常にぼやけてレンダリングされます。これは、Retinaディスプレイ以外の場合に画像がレンダリングされるようになります。明確にするために、私がぼやけてレンダリングする画像について話しているのではなく、DOMの子要素がぼやけてレンダリングしています。
それについて何ができるでしょうか？
Z軸での移動が必要なアニメーションを使用しているため、プロパティを削除するだけではオプションではありません。
プロパティはCSSで次のように設定されます。
-webkit-perpective: 500;
これについて助けてくれてありがとう！
これが役立つかどうかはわかりませんが、この記事のフロントエンドの神であるDavid DeSandroによる「Z軸の起源に戻る」のセクションで、この種のことについて言及されています。
http://24ways.org/2010/intro-to-css-3d-transforms
3D変換をスッキリと保つために、Safariは要素を合成してから、変換を適用します。その結果、テキストのアンチエイリアシングは、変換が適用される前の状態のままになります。3D空間で前方に変換すると、かなりのピクセル化が発生する可能性があります。
...歪みを解決し、＃cubeにピクセルの完全性を復元するために、3Dオブジェクトを押し戻して、前面がZ軸の原点に戻るようにすることができます。
#cube { -webkit-transform: translateZ(-100px); }