Cara Membuat Gambar Header Berputar Saat Disentuh Cursor

Hai Para Blogger Kali ini Ane mau kasih Tau cara nya biar Header Blog Kalian Itu Berputar Saat di sentuh atau tersentuh Kursor, Hal ini sangat di butuhkan oleh kalian semua Para Blogger karena dengan Header Yang Berputar ini Halaman Blog Kalian Menjadi Lebih Keren dan cantik dan cukup ampuh juga untuk mendatangkan pengunjung yang cukup banyak (Visitor) yang datang ke blog kalian karena memiliki keunikan dalam Header Blog nya....Langsung saja Ikuti langkah di bawah ini

Langkah - Langkah

_______________________________________________________________________________

• Login Blogger 
• Masuk Template >>> edit Template
• Lalu kamu Copy kode di bawah ini dan letakan tepat di atas ]]></b:skin>

#header img:hover { -moz-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

• Setelah itu kamu Simpan Templatenya.. Dan lihat hasilnya saya pun sudah mencobanya.
• Untuk DEMO nya kamu sentuh Gambar Header Blog saya dengan Kursor pasti akan Berputar

Selamat Mencoba...| Jangan Lupa Berkomentarya...

Share :

Tweet

✚

Related Post