CSS3 | Transform Rotate : Memutar Text / Gambar

Assalamualaikum...
Sambil makan es krim, Saya ingin berbagi artikel lagi nih dan kali ini mengenai CSS3 lagi. CSS3 kali ini membahas mengenai Transform Rotate, yang digunakan untuk memutar gambar maupun tulisan. Trik ini bisa membuat blog anda lebih menawan. Beuh, dan akhirnya menjadi blog profesional. Amiin (doakan blog saya juga ya).

Oke, cukup, mari kita bahas...
Untuk membuatnya saya bilang cukup mudah, eh agak susah ding tapi di blog ini, akan dibuat lebih mudah, ahahah.. Ikuti langkah di bawah ini
1. Login ke blog anda --> Design --> Edit HTML
2. Masukkan kode CSS berikut di bawah

.transrot {
-moz-transform:rotate(10deg);
-khtml-transform:(10deg);
-webkit-transform:(10deg);
-o-transform:(10deg);
transform:rotate(10deg);
-icab-transform:(10deg);}

Untuk memasangnya anda bisa melakukan seperti ini

Tulisan yang ingin diputar

ATAU langsung dengan memasang

<div style="transform:rotate(10deg);-khtml-transform:(10deg);-moz-transform:rotate(10deg);-webkit-transform:(10deg);-icab-transform:(10deg);-o-transform:(10deg);">Tulisan Yang Diputar</div>

*Note:
10deg disini adalah sudut dari tulisan atau gambar yang diputar.
Anda bisa menggunakannya dengan menambahkan - di depan sehingga menjadi -10deg.




Untuk Demonya, silahkan perhatikan di bawah ini

Tulisan Yang Diputar

Saya ingin berbagi artikel lagi nih dan kali ini mengenai CSS3 lagi.

 CSS3 kali ini membahas mengenai TransformRRotate, yang digunakan untuk mem
utar gambar maupun tulisan.

Untuk membuatnya saya bilang cukup mudah, eh agak susah ding tapi di blog ini, akan dibuat lebih mudah, ahahah.. Ikuti langkah di bawah ini

Ya cukuplah untuk demonya..

Nah, Bagaimana? Menarik bukan?
Silahkan dicoba dan beri komentar dan like beserta dimohon sharenya. Terima kasih..
Wassalamualaikum...

Tweet

Artikel Terkait: