Поворот текста с помощью CSS / Javascript / Jquery

Question

Я пытался повернуть текст на 270 градусов

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Отлично работает в Firefox, Google Chrome, Safari, работает с некоторыми пробелами в IE 8,7,6

но это действительно отстой в ОПЕРА Любая идея ???

Answer 1

Вы пробовали это?

-o-transform: rotate(270deg);

Answer 2

Это работает для меня. Использование Opera 11 в Linux

Образец: http://www.inwardpath.com.au

/* This wrapper is required to rotate the text around the left edge */
#page_title {
overflow: visible;
position: absolute;
width: 38px;
-moz-transform: rotate(90deg);
-moz-rotation-point: 0 0;
-webkit-transform: rotate(90deg);
-webkit-rotation-point: 0 0;
-o-transform: rotate(90deg);
-ms-writing-mode: tb-lr;
* html writing-mode: tb-lr;

}

Answer 3

Мне нравится использовать это - http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html

Answer 4

Ваш пример кода для поворота на 90 градусов. Чтобы повернуть 270, попробуйте это

-webkit-transform: rotate(-270deg); 
-moz-transform: rotate(-270deg);