Membuat Gambar Berputar Dengan CSS (CSS HOVER)

Selamat Natal untuk kalian yang merayakan Natal dan selamat liburan untuk yang sedang menikamti liburan, yang JOMBLO selamat menikmati kesendiriannya :p .

Pada kesempatan kali ini saya akan berbagi Tutorial Membuat Gambar Berputar Dengan CSS (CSS HOVER), oke langsung disimak:

-Seperti biasa, masuk ke BLOGGER.COM

-Buka template dan cari kode </head>

-setelah itu masukkan kode dibawah ini tepat diatasnya :

.berputar { float: left; overflow: hidden; position: relative; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; -o-transition-duration: 0.60s; transition-duration: 0.50s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .berputar:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }

-Dan yang terakhir jangan lupa di save

Untuk penerapannya, <div class='beputar'> URL GAMBAR</div> .



Sekian terima kasih, semoga MUDENG :D