Configuración -webkit-perspective difumina la pantalla ipad3

Question

Al configurar la propiedad CSS de perspectiva de webkit en un iPad3, los elementos secundarios se vuelven muy borrosos, como las imágenes que se muestran si son para pantallas no retina. Para ser claros, no estoy hablando de imágenes que se vuelven borrosas, los elementos secundarios DOM se están volviendo borrosos.

¿Qué se puede hacer al respecto?

Simplemente eliminar la propiedad no es una opción, ya que utilizo animaciones que requieren movimiento en Z-Axis.

propiedad se establece como esto en CSS:

-webkit-perpective: 500; 

Gracias por cualquier ayuda en esto!

Answer 1

No estoy seguro si esto ayudará, pero no hay una mención de este tipo de cosas en este artículo de dios front-end David DeSandro, en la sección "Volviendo al origen del eje Z":

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

Para mantener las transformaciones en 3-D ágiles, Safari compone el elemento, y luego aplica la transformación. En consecuencia, el suavizado en el texto será siendo lo que sea antes de aplicar la transformación. Cuando transformado hacia adelante en el espacio 3-D, pixelación significativa puede ocurrir ...

... Para resolver la distorsión y restaurar la perfección de píxeles en nuestro #cube, podemos empujar el objeto 3-D hacia atrás, de manera que la cara frontal será colocada de nuevo en el origen del eje Z.

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