Rotirea textului - CSS-Tricks

Anonim

Dacă ceea ce căutați este o modalitate de a seta tipul pe verticală, cel mai bun pariu este probabil CSS writing-mode.

Dacă încercați doar să întoarceți un text, puteți roti astfel elemente întregi, care îl rotesc cu 90 de grade în sens invers acelor de ceasornic:

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

Proprietatea de rotație a filtrului BasicImage al Internet Explorer poate accepta una dintre cele patru valori: 0, 1, 2 sau 3, care va roti elementul 0, 90, 180 sau respectiv 270 de grade.

Consultați, de asemenea, această postare pe blog despre anteturile laterale.

Vedeți
anteturile Pen Sideways de Chris Coyier (@chriscoyier)
pe CodePen.

Vedeți
Rotirea laterală a antetului stiloului de Graham Clark (@Cheesetoast)
pe CodePen.