25/10/18

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

4 komentar:

  1. Thanks for sharing. nice one.

    Ika datang singgah sini. https://ikashoid.blogspot.com/2018/10/harry-potter-mug-ceramic-tiles.html

    BalasHapus

1. Jangan gunakan kata-kata kotor atau porno!
2. Jangan mempromosikan barang di komentar!
3. Komentar harus berhubungan dengan pos!

Comeback?

Hi guys! Long time no see y'all :(