Rotación de texto - Trucos CSS

Anonim

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 un 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.

También vea esta publicación de blog sobre encabezados laterales.

Vea los
encabezados de Pen Sideways de Chris Coyier (@chriscoyier)
en CodePen.

Consulte la
rotación lateral del encabezado de la pluma de Graham Clark (@Cheesetoast)
en CodePen.