CSS3 property 'backface-visibility' funktioniert nicht mit IE-Versionen

Question

Ich möchte auch die unten Animation in IE erreichen. Die Anforderung besteht darin, ein Bild wie eine Münze zu drehen, und wenn es sich zu einer anderen Seite dreht, sollte es ein anderes Bild zeigen. Im IE ist das Problem mit Backface-Sichtbarkeit nicht sicher.

http://codepen.io/anon/pen/OXRoXJ

#product{ 
width: 300px; 
height: 250px; 
top: 0px; 
left: 0px; 
-webkit-perspective:1000px; 
-moz-perspective:1000px; 
perspective: 1000px; 
transform-style: preserve-3d; 
-webkit-transform-style: preserve-3d; 
transition: all 1.0s linear; 
border-spacing: 0; 
} 
.face img{ 
    width: 100%; 
    height: 100%; 
     backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
     -webkit-backface-visibility: hidden; 
} 
.back img{ 
    display: block; 
    transform: rotateY(180deg); 
    -webkit-transform: rotateY(180deg); 
    text-align: center; 
    width: 218px; 
    height: 219px; 

backface-visibility: hidden; 
-moz-backface-visibility: hidden; 
-webkit-backface-visibility: hidden; 
} 

Es funktioniert gut mit Chrome, Firefox und Safari, aber nicht mit einem IE-Versionen. Jede Hilfe wäre willkommen. Danke im Voraus.

Answer 1

Firefox 10+ und IE 10+ unterstützen die Rückseitensicht ohne Präfix. Opera (post Blink, 15+), Chrome, Safari, iOS und Android alle brauchen -webkit-Backface-Sichtbarkeit

Browser-Unterstützung: https://css-tricks.com/almanac/properties/b/backface-visibility/