Tutorial Membuat Gambar Berputar Saat di Hover (Image Hover #2)

Hi! jadi di kesempatan ngeblog kali ini aku mau memberi tutorial. Berhubung sudah lama Angel enggak upload tutorial baru di blog ini :"3 dan berhubung Angel jarang upload tutorial image hover. Ya sudah, langsung aja yuk!

1. Buka www.blogger.com

2. Pilih menu Tema, lalu klik Edit HTML
3. Tekan keyboard Ctrl + A > Ctrl + C > Ctrl + D > Ctrl + V
4. Cari kode img{ atau img {
5. Hapus kode itu dan ganti dengan kode dibawah

img{
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
img:hover{
-webkit-transform: rotatey(180deg);
}

5. Simpan, dan lihat hasilnya.

credit: Kak Shafia