Ferramenta Online CSS3 Text Rotate Generator

Text Rotate

Gerador de rotação de texto CSS para pessoas preguiçosas.

Este gerador irá ajudá-lo a criar o código necessário para girar o texto e ver visualmente o que acontecerá quando você alterar as opções abaixo. A única propriedade css necessária para girar o texto é a propriedade transform. A demonstração deve funcionar na maioria dos navegadores, mas pode ser necessário adicionar prefixos do fornecedor para realizar esta tarefa.

Rotação de texto CSS3 explicada 

A propriedade transform especifica a transformação bidimensional ou tridimensional do elemento. Tem muitos valores. Esta ferramenta fornece um código rápido de rotação de texto. Você pode especificar o grau para girar o texto.

Você também pode selecionar valores para o IE:

lr-tb - Este é o valor padrão, da esquerda para a direita, de cima para baixo.

rl-tb - O texto flui da direita para a esquerda, de cima para baixo.

tb-rl - O texto flui verticalmente de cima para baixo, da direita para a esquerda.

bt-rl - O texto flui de baixo para cima, da direita para a esquerda.

tb-lr - O texto flui de cima para baixo, da esquerda para a direita.

bt-lr - O texto flui de baixo para cima, da esquerda para a direita.

lr-bt - O texto flui da esquerda para a direita, de baixo para cima.

rl-bt - O texto flui da direita para a esquerda, de baixo para cima.

A ferramenta de rotação de texto fornece as extensões para que o código seja compatível com outros navegadores.