Gambar Leaving Effect



Assalamualaikum, hari ni nak buat image hover baru.
Betapa takleh bla nya tajuk effect ni "Leaving Effect". 
Haha.. letak gambar kenangan Sasuke bersama abangnya .

Sasuke : Brother ,teach me how to be strong like you.
Itachi : Sorry Sasuke, maybe next time *touch Sasuke's forehead*

Ok , cuba hover kan cursor anda ke gambar di atas. So ,camtulah Leaving Effect. Kalau nak cuba ,jom lah try tuto ni :)


  • Dashboard > Template > Edit Html > Click Nombor 12 atau 13 > Ctrl+F  (Pastikan anda click dlm box dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
a img {


margin-bottom: 3px;
margin-right: 1px;
border-radius: 0px;
transition-duration: 40s;
 -webkit-transition-duration: .40s;
}
img:hover {


box-shadow: 9px 10px 10px #b0b0b0;
 margin-left: -10px;
margin-right: 11px;
margin-bottom: 16px;
 margin-top: -13px;
}

  • Paste kan (Ctlr+V) code atas tadi di ATAS code yang a:visited { tadi
  • Dan preview. Kalau tak jadi apa2 dan takde ERROR boleh lah SAVE !

No comments

Awak mehla komen? satu komen pun jadilah :')