O padrão para folhas de estilo em cascata, CSS3, introduziu a propriedade transform que torna mais fácil para girar o texto em qualquer ângulo grau, usando números positivos para girar os números no sentido horário e negativos para girar anti-horário. É necessário definir os elementos de estilo para cada tipo de navegador, e transformar só é compatível com o Internet Explorer 9 ou posterior.
Transform Propriedade Rotate
Para girar o texto 90 graus, digite o seguinte entre a
tags:e coloque o seguinte dentro do HTML
tags para rodar o texto selecionado:Este texto girado 90 graus
.
Outros transformar as capacidades de Propriedade
Se você quiser escalar ou inclinar texto, você pode usar a propriedade de transformar a fazer isso também. Por exemplo, você pode escalar texto, fornecendo um multiplicador para a altura e largura do texto, tais como:
.grande texto {transformação: escala (1,5, 1,5)}
e você pode distorcer o texto, fornecendo um ângulo para a altura e largura, tais como:
.inclinar-text {transform: inclinar (-25deg, -25deg)}.
Em ambos os casos, você deve adicionar o Webkit, Mozilla e Internet Explorer propriedades personalizadas para a propriedade genérica transformar. A propriedade transformar também permite que você traduzir o texto em 2D e 3D e à escala e girar o texto em 3D.