Posted by : Eva Fembiana
Kamis, 23 April 2015
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. Terakhir Klik
simpan. Selamat mencoba.