Membuat Gambar Miring

Sabtu, 14 Juli 2012 | 0 komentar

Membuat Gambar Miring Membuat Gambar Miring - Berkreasi dengan efeck gambar membuat kita betah berlama-lama memandangi blog sendiri,hihi. Setelah sebelumnya kita telah membuat berbagai efek gambar di blog semacam; Magnify Image Zoom, Membuat Gambar Zoomer Scanner, untuk post ini saya akan Membuat Gambar supaya bisa bergerak miring ketika mouse mendekat menggunakan effect hover.

Pergunakan kode css dibawah untuk kreasi sobat di postingan.

#miring img {transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#miring img:hover { transform: rotate(9deg);
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
}

Catatan:
Untuk merubah susut kemiringan gambar ketika disorot mouse, robahlah angka 9 pada rotare. 
Semoga bermanfaat dan tentunya bisa dikembangkan di blog sobat.
Share this article :
Judul: Membuat Gambar Miring
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Membuat Gambar Miring. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/07/membuat-gambar-miring.html. Terima kasih sudah singgah dan berkomentar di blog ini.

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger