CSS3 3D Transform ne fonctionne pas sur IE11
Je suis en train de construire un cube avec CSS3 3D Transformer..
Pour cet exemple, j'ai seulement 2 faces :
<section id="header-cube-container">
<div id="header-cube">
<figure></figure>
<figure></figure>
</div>
</section>
Avec tous les autres navigateurs je obtenir un bon résultat, mais c'est bizarre avec IE 11.
J'ai une bonne 3D translate et rotate sur le visage vert (1), mais le rouge de la face (2) perpendiculaire n'est pas en 3D. Ce n'est que la projection de la face rouge sur le visage vert.
Vous pouvez voir le résultat sur cette violon.
PS : je fais une rotation de 100deg et pas 90 pour voir la projection de la face rouge sur le visage vert (si l'angle est de 90, la projection n'est pas visible).
Merci à vous tous!
source d'informationauteur Arthur
Vous devez vous connecter pour publier un commentaire.
IE ne prend pas en charge
transform-style: preserve-3d
encore.Vous devez supprimer la transformation de
#header-cube
et de l'appliquer à chacun desfigure
enfants. Malheureusement, c'est à dire déjà utilise le non-préfixés propriétés, de sorte que vous ne pouvez pas utilisertransform-3d
ou définir les propriétés préfixées dernier.De la IE transforme la documentation:
JSFiddle: http://jsfiddle.net/TTDH7/17/
devient: