Tekstrotation - CSS-tricks

Anonim

Hvis det, du leder efter, er en måde at indstille typen lodret på, er det bedst, sandsynligvis CSS writing-mode.

Hvis du bare prøver at dreje noget tekst, kan du rotere hele elementer som denne, som roterer den 90 grader mod uret:

.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); )

Rotationsegenskaben i Internet Explorer's BasicImage-filter kan acceptere en af ​​fire værdier: 0, 1, 2 eller 3, som roterer elementet henholdsvis 0, 90, 180 eller 270 grader.

Se også dette blogindlæg om sidehoved.

Se pennen
sidelæns overskrifter af Chris Coyier (@chriscoyier)
på CodePen.

Se Pen
Sideways Header Rotation af Graham Clark (@Cheesetoast)
på CodePen.