-webkit-transform-style: preserve-3d no funciona

Estoy tratando de usar un efecto en este enlace.code_on_jsfiddle . El efecto es mostrar el grosor de la moneda a medida que gira. El código parece funcionar bien en el jsfiddle, pero cuando intenté usarlo en mi base de código simplemente no funciona. Por favor, alguien me sugiera varios escenarios en los que preserve-3d podría no funcionar o puede haber otro problema.

Traté de averiguar cuál puede ser el problema y me encontré conenlazar en w3c.org, donde se escribe que "preservar una jerarquía de elementos en el espacio 3D requiere que cada antepasado en la jerarquía tenga el valor 'preservar-3d' para 'transformar-estilo", así que pensé que podría ser cualquiera de mis div antepasados Puede que no tenga el estilo de conservación 3D, pero cuando intenté simular una situación de este tipo en la que un ancestro no tiene el estilo de conservación 3D, incluso cuando la transición requerida está funcionando.enlazar. Utiliza el webkit para ver la transición al pasar el cursor. Por favor ayuda

Respuestas a la pregunta(3)

Su respuesta a la pregunta