Css3 transform rotate3d с перспективой, не работающей на Android

У меня есть веб-приложение, которое использует 3D-преобразование, которое отлично работает в Android-браузере на Android 4.1. Однако одно и то же приложение в контейнере PhoneGap приводит к сжатию и расширению анимации, а не к 3D-вращению в перспективе. Есть ли способ заставить его работать в PhoneGap или использовать другой движок рендеринга, который просто не может делать 3D-преобразования?

я использую

-webkit-perspective: 300; 

На родителя и

 -webkit-transform: rotate3d(0, 1, 0, -180deg); -webkit-transform-style: preserve-3d; 

На вращающемся изображении.

Solutions Collecting From Web of "Css3 transform rotate3d с перспективой, не работающей на Android"

Возможно, телефонная книга работает без префикса -webkit- .

Вы всегда должны думать о том, чтобы включить свойство unsrefixed для вашего кода в будущем.

Свойство perspective принимает значение длины, поэтому оно всегда должно иметь единицы измерения. Некоторые браузеры могут указывать пиксели в качестве единицы, если единица не указана, но вы всегда должны указывать. Также обратите внимание, что более высокие значения перспективы приводят к менее драматическому эффекту перспективы.

Также убедитесь, что вы также добавили в unprefixed версию свойства. Это должно произойти после префиксной версии, и, как сказал Тим Нгуен, будущая версия вашего приложения, поскольку браузеры перестанут требовать префикс.

Как в стороне, transform-style: preserve-3d; Должны быть даны элементам, дети которых трансформируются в трехмерном пространстве, поэтому здесь ничего не делается.

Я новичок в сцене PhoneGap, но из того, что я помню в своем чтении, является то, что Android задыхается от 3D-переходов, но это может быть просто в jQM, который часто используется в реализациях PhoneGap. Я вижу, что вы больше говорите о css, но мне интересно, могут ли проблемы, с которыми вы сталкиваетесь, и с чем могли столкнуться разработчики jQM.

Переходы JqueryMobile на Android PhoneGap