Putaran Teks - Trik CSS

Anonim

Sekiranya apa yang anda cari adalah cara untuk menetapkan jenis secara menegak, anda mungkin terbaik adalah CSS writing-mode.

Sekiranya anda hanya mencuba mengubah teks, anda boleh memutar keseluruhan elemen seperti ini, yang memutarnya 90 darjah 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); )

Harta pusingan penapis BasicImage Internet Explorer dapat menerima salah satu daripada empat nilai: 0, 1, 2, atau 3 yang masing-masing akan memutarkan elemen 0, 90, 180 atau 270 darjah.

Lihat juga catatan blog ini mengenai tajuk sampingan.

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

Lihat
Rotation Header Pen Sideways oleh Graham Clark (@Cheesetoast)
di CodePen.