Szövegforgatás - CSS-trükkök

Anonim

Ha a keresett módszer a típus függőleges beállítása, akkor a legjobb, ha valószínűleg a CSS writing-mode.

Ha csak egy szöveget próbál megfordítani, akkor az egész ilyen elemet elforgathatja, amely 90 fokkal az óramutató járásával ellentétes irányba forgatja:

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

Az Internet Explorer BasicImage szűrőjének forgatási tulajdonságai a négy érték egyikét képesek elfogadni: 0, 1, 2 vagy 3, amelyek az elemet 0, 90, 180 vagy 270 fokkal elforgatják.

Lásd még ezt a blogbejegyzést az oldalirányú fejlécekről.

Lásd
Chris Coyier (@chriscoyier) toll oldalsó fejlécét
a CodePen-en.

Lásd
Graham Clark (@Cheesetoast)
toll oldalsó fejlécének forgatását a CodePen -en.