Cara membuat gambar berputar saat di sorot kursor pada blog

Menghias lagi-lagi meghias, ya kali ini saya akan memberikan tips dan trik blog sesuai dengan judul di atas yaitu membuat gambar berputar saat di sorot kursor, tentu sobat sudah mengerti bukan ya jadi ketika sobat menyorot atau meletakan kursor pada gambar yang ada di blog sobat otomatis gambar yang tersorot akan berputar dan tentunya itu akan membuat suatu keunikan tertentu yang bisa sobat dapatkan di blog sobat. oke kita langsung bahas saja cara penerapanya pada blog sobat ikuti langkah-langkah di bawah ini  :

1. masuk ke akun blogger sobat pilih tab layout

2. pilih add gadget → HTML/javascript

3. masukan kode di bawah ini kedalam kolom HTML/javascript tadi

img:hover { -moz-transform: rotate(385deg); -webkit-transform: rotate(385deg); -o-transform: rotate(385deg); -ms-transform: rotate(385deg); transform: rotate(385deg); -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }

Catatan : ► untuk kode yang berwarna merah, itu untuk menentukan derajat putaran untuk

                      gambarnya silahkan sobat atur sesuai dengan kebutuhan sobat.

                ► untuk kode yang berwarna biru, itu untuk menentukan kecepatan putaran

                      silahkan sobat atur sesuia kebutuhan sobat.

4. terakhir tinggal sobat simpan.

Sekian tips dan trik blog kali ini semoga artikel ini membantu dan bermanfaat dan saya ucapkan terimakasih banyak atas kunjungannya.

Artikel Terkait Lainnya :

Categories: Tips dan trik Blog