Переход rotate3d или matrix3d ​​работает некорректно в IE10

Я пытаюсь сделать эффект перелистывания страниц в IE10.

Когда я делаю преобразование с помощью rotateY(180deg), оно работает хорошо, но с rotate3d(0,1,0,180deg) оно делает странный переворот на 90 градусов (только в IE10!).

Взгляните на этот jsfiddle в IE10: http://jsfiddle.net/wG6gk/2/

Является ли это ошибкой IE или контейнеру нужны дополнительные атрибуты CSS?


css-animations css-transitions internet-explorer-10
person bqem    schedule 10.12.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Css3 находится в черновом режиме, каждый браузер может по-своему воспринимать Css3. Я не думаю, что это ошибка. Согласно моему опыту работы с css3, rotate3d — это одно из свойств css3, которое имеет аппаратное ускорение (более ускоренное, чем rotateX и rotateY). Но в этом случае вы не можете использовать rotate3d для IE, потому что здесь он не будет работать так, как вы ожидаете.

person Ata Iravani    schedule 12.12.2012
comment
спасибо, да, я хочу использовать rotate3d, потому что он аппаратно ускорен (например, matrix3d). Любой другой браузер нормально работает с rotate3d, но не с IE10. Я думаю, что мне нужно использовать более медленное вращение Y... - person bqem; 13.12.2012
comment
Большинство свойств css3 поддерживают аппаратное ускорение в IE10. Вам лучше проверять их в режиме реального времени с помощью расширенного диспетчера задач, такого как Process Explorer. - person Ata Iravani; 15.12.2012