Rotasi Teks - Trik CSS

Anonim

Jika yang Anda cari adalah cara untuk mengatur jenis secara vertikal, taruhan terbaik Anda mungkin adalah CSS writing-mode.

Jika Anda hanya mencoba memutar beberapa teks, Anda dapat memutar seluruh elemen seperti ini, yang memutarnya 90 derajat berlawanan arah jarum jam:

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

Properti rotasi filter BasicImage Internet Explorer dapat menerima salah satu dari empat nilai: 0, 1, 2, atau 3 yang akan memutar elemen masing-masing 0, 90, 180, atau 270 derajat.

Lihat juga posting blog ini tentang tajuk samping.

Lihat Pen
Sideways Headers oleh Chris Coyier (@chriscoyier)
di CodePen.

Lihat
Rotasi Header Ke Samping Pena oleh Graham Clark (@Cheesetoast)
di CodePen.