Zoom In and Out Image Effect


Hover this picture ~
  • Dashboard > Template > Edit Html >  Click icon yang mcm ►> Ctrl+F  (Pastikan anda click dlm kotak html dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
 @-webkit-keyframes  scale{ 

0% {-webkit-transform: scale(0.5); }
50% {-webkit-transform: scale(1.3); }
100% {-webkit-transform: scale(0.5); }
}
a img {
-webkit-transition: .7s; border-radius: 5px; box-shadow: 1px 1px #caebe6;}
img:hover {
-webkit-animation: scale .7s alternate infinite linear;}

  • 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 !

2 comments

  1. Nice tuto :) Singgah + follow. Jom ke blog sy, www.aeinafq.blogspot.com

    ReplyDelete

Awak mehla komen? satu komen pun jadilah :')