/ / Rotação de texto com CSS3 / HTML5 - css, html5, css3, css-transions

Rotação de texto com CSS3 / HTML5 - css, html5, css3, css-transions

eu tenho um <span> que eu quero rodar. Eu estou usando HTML5, CSS3 e Internet Explorer 9.

Eu tentei o CSS abaixo, mas não está funcionando:

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

Como faço para girar o vão?

Respostas:

16 para resposta № 1

-webkit- e -moz- as propriedades são para navegadores de webkit (Chrome, Safari) e navegadores Gecko (Firefox), respectivamente.

Você precisa usar o equivalente para o IE também.

.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);

}

Fonte


4 para resposta № 2

Experimentar -ms-transform: rotate(-90deg);


2 para resposta № 3

Os elementos inline não podem ser girados, você deve exibi-los como nível de bloco.