Rotación de texto | Programar Plus

Si lo que está buscando es una forma de establecer el tipo verticalmente, lo mejor es probablemente CSS writing-mode.

Si solo está tratando de girar algo de texto, puede girar elementos completos como este, que lo gira 90 grados en sentido antihorario:

.rotate {

  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

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

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

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

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

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

La propiedad de rotación del filtro BasicImage de Internet Explorer puede aceptar uno de cuatro valores: 0, 1, 2 o 3 que rotarán el elemento 0, 90, 180 o 270 grados respectivamente.

Vea también esta publicación de blog sobre encabezados laterales.

Ver la pluma
Encabezados laterales por Chris Coyier (@chriscoyier)
en CodePen.

Ver la pluma
Rotación lateral del encabezado por Graham Clark (@Cheesetoast)
en CodePen.

(Visited 7 times, 1 visits today)