перспектива: 1000px; не работает в IE10

Question

Я удалил весь код, который не нужен для решения этой проблемы, как префикс -WEBKIT-, -MOZ-, характеристики и другие грани куба. Я знаю, что есть уже другая должность с одним и тем же вопросом, но в любом из них есть решение, поэтому я бы понял, почему это прикрытие не работает на IE10.

.container-cube { 
perspective: 1000px; 
-ms-perspective: 1000px; 
} 
#cube { 
transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform: translateZ(-100px); 
-ms-transform: translateZ(-100px); 
transition: all ease 2s; 
-ms-transition: all ease 2s; 
} 


#cube .front{ 
    transform: rotateY(0deg) 
    translateZ(150px); -ms-transform:   
    rotateY(0deg) translateZ(150px); 
} 

Answer 1

Ваш вопрос, вероятно, не perspective: 1000px;, это, вероятно, что transform-style: preserve-3d, является unsupported in IE10.

Answer 2

«Я нашел решение по этой проблеме на этом сайте:» [codepen.io/jonathan/pen/xiJLn]

«Вы должны дать движение на всех гранях куба, не то же самое но всегда хорошо, если вы хотите сделать другое движение, вам нужно изменить CSS или, как в моем случае, использовать Java Script ».

Спасибо за помощь.