Вращать метки в GWT

Question

Я хочу повернуть простую GWT-метку. Есть ли вариант?

Я настроил простой стиль CSS:

.rotate{

/* Abs positioning makes it not take up vert space */
position: relative;
top: 330;
left: 330;

/* Border is the new background */
background: none;



-webkit-transform: rotate(90deg);
-moz-transform:    rotate(90deg);
-ms-transform:     rotate(90deg);
-o-transform:      rotate(90deg);
}

Но это не сработало, когда я добавил стиль на этикетку.

Answer 1

CSS преобразует только работу (используя специфичные для браузера свойства CSS) в Chrome, Opera, Firefox, Safari и IE9 +. Вы используете правильный синтаксис преобразования для всех этих. Для более старых версий IE вы можете преобразовать так:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Answer 2

Если вы хотите сделать вертикальный текст или любые другие преобразования текста, я рекомендую рассмотреть использование графики SVG.