Otočení textu - Triky CSS

Obsah

Pokud hledáte způsob, jak nastavit typ svisle, nejlepší bude pravděpodobně CSS writing-mode.

Pokud se pokoušíte jen otočit nějaký text, můžete takto otočit celé prvky, které jej otočí o 90 stupňů proti směru hodinových ručiček:

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

Vlastnost rotace filtru BasicImage aplikace Internet Explorer může přijmout jednu ze čtyř hodnot: 0, 1, 2 nebo 3, která otočí prvek o 0, 90, 180 nebo 270 stupňů.

Přečtěte si také tento blogový příspěvek o bočních záhlavích.

Podívejte se na
záhlaví pera Sideways by Chris Coyier (@chriscoyier)
na CodePen.

Podívejte se na
rotaci záhlaví pera od Grahama Clarka (@Cheesetoast)
na CodePen.

Zajímavé články...