Ich habe eine Web-App, die 3D-Transformation verwendet, die im Android-Browser auf Android 4.1 läuft. Die gleiche App in einem PhoneGap-Container führt jedoch zu einer Squeeze- und Expand-Animation und nicht zu einer perspektivischen 3D-Rotation. Gibt es eine Möglichkeit, um es in PhoneGap ausführen zu lassen oder verwendet es eine andere Rendering-Engine, die 3D-Transformationen einfach nicht ausführen kann?
Ich benutze
%Vor%auf dem Eltern und
%Vor%auf dem rotierenden Bild.
Vielleicht funktioniert phonegap ohne das Präfix -webkit- .
Sie sollten immer daran denken, die Eigenschaft ohne Präfix aufzunehmen, damit Ihr Code zukunftssicher ist.
Die Eigenschaft perspective benötigt einen Längenwert, so dass sie immer Einheiten haben sollte. Einige Browser können Pixel als Einheit ableiten, wenn eine Einheit nicht angegeben wird, aber Sie sollten immer angeben. Beachten Sie auch, dass größere perspektivische Werte zu weniger dramatischen Perspektiven führen.
Stellen Sie außerdem sicher, dass Sie auch die Eigenschaft ohne Präfix hinzufügen. Dies sollte nach der Prefix-Version erfolgen und wird, wie Tim Nguyen sagte, Ihre App zukunftssicher machen, da Browser kein Präfix mehr benötigen.
Nebenbei, das transform-style: preserve-3d; sollte Elementen gegeben werden, deren Kinder im 3D-Raum transformiert werden, so dass es hier nicht wirklich etwas tut.
Ich bin neuer in der PhoneGap-Szene, aber von dem, woran ich mich erinnere, ist, dass Android die 3D-Übergänge verschluckt, aber das könnte nur in jQM sein, was oft in PhoneGap-Implementierungen verwendet wird. Ich sehe, dass du mehr über CSS sprichst, aber ich frage mich, ob die Probleme, mit denen du konfrontiert wirst, und wozu jQM-Entwickler Schwierigkeiten hatten, miteinander verknüpft sind.