7.3.15

Cara Membuat Gambar Bisa Berputar Ketika Terkena Kursor

Cara membuat gambar agar bisa berputar ketika terkena kursor adalah salah satu trik ngeblog yang mana bertujuan untuk sekedar memperindah tampilan blog semata, agar kesan manis atau cantik bisa didapat ketika pengunjung mengarahkan kursor tersebut ke area gambar yang ada. Namun terlepas dari itu semua bisa anda gunakan juga sesuai dengan keperluan tampilan gambar yang ada dalam blog anda tersebut nantinya. Seperti halnya cara membuat gambar agar berubah ketika terkena kursor yang pernah saya posting sebelumnya, cara berikut pun tidak jauh berbeda. Anda hanya perlu menyisipkan beberapa kode kedalam template maka akan didapatkan sebuah gambar yang bisa berputar dan bergerak hingga beberapa derajat.

Dan untuk membuat agar gambar bisa bergerak dan berputar maka langsung saja masuk ke dalam 'Dasbor blog' kemudian pilih 'Template' dan klik 'Edit' selanjutnya cari kode seperti berikut dalam template ]]></b:skin>
gunakan pencarian cepat dengan menekan tombol Ctrl+f. Jika sudah menemukannya silahkan simpan kode berikut tepat diatas kode tsb.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}


√- Catatan: Dengan menggunakan cara ini maka keseluruhan gambar yang ada dalam laman blog anda akan secara otomatis menjadi bisa berputar keseluruhan ketika gambar-gambar tersebut terkena kursor.  :D

Terakhir Klik simpan. Selamat mencoba.


→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Membuat Gambar Bisa Berputar Ketika Terkena Kursor . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar