Rotazione del testo - Trucchi CSS

Anonim

Se quello che stai cercando è un modo per impostare il tipo verticalmente, la soluzione migliore è probabilmente CSS writing-mode.

Se stai solo cercando di trasformare del testo, puoi ruotare interi elementi in questo modo, che lo ruota di 90 gradi in senso antiorario:

.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 proprietà di rotazione del filtro BasicImage di Internet Explorer può accettare uno dei quattro valori: 0, 1, 2 o 3 che ruotano l'elemento rispettivamente di 0, 90, 180 o 270 gradi.

Vedi anche questo post del blog sulle intestazioni laterali.

Vedere le
intestazioni laterali della penna di Chris Coyier (@chriscoyier)
su CodePen.

Guarda la
rotazione laterale dell'intestazione della penna di Graham Clark (@Cheesetoast)
su CodePen.