аналоговый webkit-transform в опера

Question

У меня в моем коде это свойства.

-webkit-transform: rotateY(65deg); 
//or 
transform: rotateY(65deg); 

Это работает на IE и FireFox. Мне нужно, чтобы он также работал на Opera. Я не могу найти свойство для оперы. Есть ли аналог такого свойства в опере?

Это мой весь код:

body { 
    -webkit-perspective: 300px; 
    perspective: 300px; 
} 

#trapezoid { 
    background-image: url("http://3.bp.blogspot.com/-D9i-wqTIjFw/T5x_51p2rJI/AAAAAAAABLs/VytuZcJGNuY/s400/indahnya.jpg") ; 
    background-repeat: no-repeat; 

    background-size: 100%; 
    border: 1px solid gray; 
    height: 60px; 
    margin-left: 25%; 
    -webkit-transform: rotateY(65deg); 
    transform: rotateY(65deg); 
    width: 5em; 
} 

Answer 1

Я думаю, что собственность, которую Вы хотите использовать это свойство CSS3 3D transform.

Обратите внимание, что W3C помещает его в 15.2. Функции трехмерных преобразований.

rotateY()
же, как Rotate3D (0, 1, 0,).

Как CanIuse и Mozilla Network Developer говорят нам, Opera не поддерживают это сейчас, (но, вероятно, сделать в будущем).

EDIT: Если вы не против использовать jQuery, я нашел этот плагин, Transit, который утверждает, что может делать преобразования CSS3!

Answer 2

Отредактированный мой ответ ...

-o является префикс поставщика Opera, однако, кажется, что -o-transform: rotateY(65deg) не работает, так как старые Opera не поддерживается 3d преобразования.

Однако последняя версия, Opera Далее, используя Blink вероятно, поддерживает -webkit-transform: rotateY(65deg