Ротационен текст с CSS3 / HTML5 - css, html5, css3, css-преходи

имам <span> че искам да се въртя. Използвам HTML5, CSS3 и Internet Explorer 9.

Опитах по-долу CSS, но тя не работи:

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

Как да завъртя диапазона?

Отговори:

-webkit- и -moz- (Chrome, Safari) и Gecko браузърите (Firefox) съответно.

Трябва да използвате еквивалента и за IE.

.rotate {

/* Safari, Chrome */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);

}

източник

Опитвам -ms-transform: rotate(-90deg);

Вградените елементи не могат да се въртят, трябва да ги покажете на ниво блок.