-webkit-transform-style: preserve-3d funktioniert nicht

Ich versuche, einen Effekt auf diesen Link anzuwendencode_on_jsfiddle . Der Effekt besteht darin, die Dicke der Münze beim Drehen anzuzeigen. Code scheint auf der jsfiddle gut zu funktionieren, aber als ich versuchte, ihn in meiner Codebasis zu verwenden, funktioniert er einfach nicht. Bitte jemand schlägt mir verschiedene Szenarien vor, in denen preserve-3d möglicherweise nicht funktioniert oder es andere Probleme geben kann.

Ich habe versucht herauszufinden, was das Problem sein kann, und bin darauf gestoßenVerknüpfung bei w3c.org steht geschrieben, dass "um eine Hierarchie von Elementen im 3D-Raum zu erhalten, muss jeder Vorfahr in der Hierarchie den Wert '3D beibehalten' für 'Transformationsstil' haben" Vielleicht nicht im 3D-Stil beibehalten, aber als ich versuchte, eine Situation zu simulieren, in der ein Vorfahr noch nicht den 3D-Stil beibehalten hat, als der erforderliche Übergang funktioniertVerknüpfung. Verwenden Sie das Webkit, um den Übergang beim Schweben zu sehen. Bitte helfen Sie

Antworten auf die Frage(3)

Ihre Antwort auf die Frage