Membuat Gambar Berputar Dengan CSS (CSS HOVER)

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:

    -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

Comments
0 Comments

0 Response to "Membuat Gambar Berputar Dengan CSS (CSS HOVER)"

Posting Komentar

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel