Če je tisto, kar iščete, način za nastavitev vrste navpično, je najbolje, da je verjetno CSS writing-mode
.
Če samo poskušate nekaj besedila obrniti, lahko celotne elemente zasukate tako, kar ga zasuka za 90 stopinj v nasprotni smeri urnega kazalca:
.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); )
Lastnost vrtenja filtra BasicImage Internet Explorerja lahko sprejme eno od štirih vrednosti: 0, 1, 2 ali 3, ki bo element zasukala za 0, 90, 180 ali 270 stopinj.
Oglejte si tudi to objavo v blogu o stranskih glavah.
Oglejte si
glave Pen Sideways Chris Chris Coyier (@chriscoyier)
na CodePen.
Oglejte si
vrtenje glave s strani peresa Grahama Clarka (@Cheesetoast)
na CodePen.