Text rotation dengan teknik CSS

Salah satu tantangan dalam web design adalah bagaimana membuat text bisa terotasi  secara vertikal sehingga para web designer dalam mendesign web mereka terdapat variasi design dengan teknik text rotation ini. Kebetulan saya menemukan artikel mengenai teknik text rotation di bahas dengan jelas dan singkat oleh web designer Snook dengan menggunakan teknik CSS walaupun masih ada keterbatasan pada rendering di browser karena tidak semua browser bisa membaca property CSS rotation terutama browser opera belum mendukung property CSS rotation. Setidaknya para web designer Indonesia bisa mengambil studi kasus text rotation with CSS atau bahkan mengembangkan teknik lainnya untuk bisa di aplikasikan di browser lainnya

Untuk melihat teknik text rotation ini pada beberapa browser saya mengambil screen shoot dari Snook

Dapat dilihat pada masing-masing browser seperti Internet Explorer, Safari dan Firefox masih terdapat perbedaan dalam hal pixel layout.

Text Rotation selain dengan menggunakan teknik CSS  ada teknik lainnya seperti menggunakan teknik image sprite di mana teknik tersebut menggunakan image atau gambar untuk menampilkan efek rotasi vertikalnya namun tidak saya bahas di postingan ini. Buat sobat blogger yang tertarik dengan web designer untuk menambahkan wawasan mengenai teknik ini silahkan mengunjungi situs Snook.