Como girar o texto html 90 graus

Use a propriedade transformar para aprimorar seu texto exibido.

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.

De esta maneira? Compartilhar em redes sociais:

LiveInternet