Teksta pagriešana - CSS-triki

Anonim

Ja tas, ko meklējat, ir veids, kā iestatīt tipu vertikāli, vislabāk ir droši vien CSS writing-mode.

Ja jūs vienkārši mēģināt pagriezt tekstu, varat pagriezt visus šādus elementus, kas to pagriež par 90 grādiem pretēji pulksteņrādītāja virzienam:

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

Interneta pārlūka BasicImage filtra rotācijas īpašība var pieņemt vienu no četrām vērtībām: 0, 1, 2 vai 3, kas attiecīgi pagriezīs elementu 0, 90, 180 vai 270 grādus.

Skatiet arī šo emuāra ierakstu par sāniem galvenēs.

Skatiet
Kriss Koijera (@chriscoyier) pildspalvas sānos galvenes
vietnē CodePen.

Skatiet
Graham Clark (@Cheesetoast) pildspalvas sānu rotāciju
vietnē CodePen.