Css3 transformar rotate3d con la perspectiva no funciona en Android
Tengo una aplicación web que utiliza la transformación en 3D que funciona bien en el navegador de Android en Android 4.1. Sin embargo, la misma aplicación en un contenedor PhoneGap da como resultado una animación de compresión y expansión y no una rotación 3D de perspectiva. ¿Hay una manera de hacerla funcionar en PhoneGap o él utiliza un diverso motor de la representación que apenas no puede hacer transformaciones 3D?
yo suelo
- ¿Por qué la vista del navegador de Android es mucho más pequeña que el tamaño real de la pantalla del teléfono móvil, incluso cuando se utiliza width = device-width?
- CSS3 animación no funciona en Android 4.2
- El navegador de Android 2.3 falla al renderizar algunas transformaciones CSS3 2D
- CSS gradiente no funciona en Android 2.3.6?
- Crea un duplicado de un campo de entrada cuando se enfoca en android 4.0 webview usando jquery móvil y phonegap
-webkit-perspective: 300;
En los padres y
-webkit-transform: rotate3d(0, 1, 0, -180deg); -webkit-transform-style: preserve-3d;
En la imagen giratoria.
- Google Maps lento en WebView de Android 2.2 cuando se utilizan transformaciones CSS3
- Tamaño de fuente sensible a HTML para dispositivos móviles
- Border-radius no funciona en el moderno navegador nativo de Android
- Cordova Instalar Android target 19
- Chrome para Android no muestra correos web de Google correctamente
- Transición o animación de CSS que no funcionan en la brecha telefónica
- Android Navegador textarea se desplaza por todo el lugar, es inutilizable
- Cómo animar suavemente la altura en CSS o Javascript en dispositivos móviles
Tal vez phonegap funciona sin el prefijo -webkit-
.
Siempre debe pensar en incluir la propiedad sin prefijar para que su código sea una prueba futura.
La propiedad de la perspective
toma un valor de la longitud así que debe siempre tener unidades. Algunos navegadores pueden inferir píxeles como la unidad si no se da una unidad, pero siempre se debe especificar. También tenga en cuenta que los valores más grandes de perspectiva dan como resultado un efecto de perspectiva menos dramático.
También asegúrese de agregar en la versión sin prefijar de la propiedad en también. Esto debe venir después de la versión prefijada y, como dijo Tim Nguyen, la prueba del futuro de su aplicación como los navegadores dejar de requerir el prefijo.
Como un aparte, el transform-style: preserve-3d;
Debe darse a los elementos cuyos hijos están siendo transformados en el espacio 3d por lo que no es realmente hacer nada aquí.
Soy más reciente en la escena de PhoneGap, pero de lo que recuerdo en mi lectura es que Android sofoca en las transiciones 3D, pero que sólo puede ser en jQM, que se utiliza a menudo en las implementaciones PhoneGap. Veo que estás hablando más sobre css, pero me pregunto si el problema que estás encontrando, y lo que los desarrolladores de jQM tuvieron problemas con podrían estar vinculados.
Transiciones de JqueryMobile en PhoneGap Android
- Cómo obtener el nombre de usuario utilizando uid en Android
- Última palabra mostrada en una vista de texto