Cara Me-Rotasi Gambar Dengan Css3 (tiga)

Semakin hari semakin canggih perkembangan jaman, begitupun dengan style-style di blog. Nah kali ini kita belajar bersama css 3 (tiga).

Mau tau caranya Merotasi gambar dengan css3, silahkan ikuti cara berikut ini,

agar gambar me-rotasi masukkan tag ini di dalam image

transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);

Tekan kan mata anda ke Warna biru yang di atas, itu adalah rotasi gambar bisa di ganti dengan 90 derajat, cara menulisnya.

<img src="http://67developer.hu/blog/wp-content/uploads/2009/09/css3.jpg" style="transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);"/>

Hasilnya


atau jika anda tidak mau repot, masukkan kode di bawah ini di atas ]]></b:skin>

.rotasiRDL {
transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
}

Cara menulis di post

<span class="rotasiRDL"><img border="0" src="Alamat gambar disini"/></span>

Selanjutnya silahkan anda berkreasi dengan css3 selamat mencoba...