Kann CSS3-Transformation in IE 10/11 nicht zum Laufen bringen.

Question

Ich habe diese Kartenöffnungsanimation, die in Firefox, Chrome und Safari funktioniert, aber anscheinend nicht in IE 10/11.

Ich denke, es hat etwas mit dem

 backface-visibility: hidden;

zu tun, bin mir aber nicht zu 100 % sicher.

Jede Hilfe wäre willkommen

Code: http://jsfiddle.net/7k9D9/

Answer 1

Es gibt einen Fehler in IE:

Zur Zeit unterstützt Internet Explorer 10 das Schlüsselwort preserve-3d nicht. Sie können dies umgehen, indem Sie den Transform des übergeordneten Elements manuell auf jedes der untergeordneten Elemente anwenden, zusätzlich zum normalen Transform des untergeordneten Elements.

Wenden Sie die Transformationen manuell auf die Kinder erneut an. Es ist ärgerlich, aber so ist IE.

Ursprünglicher Beitrag hier: https://stackoverflow.com/a/15196468/1435655