Efek Gambar Membesar Jika disentuh Kursor

Masih mau tutorial yang lebih keren ??
Berikut ini adalah cara-cara untuk memberi efek Gambar membesar jika tersentuh oleh kursor..


       Langkah-langkahnya :
  • Dashboard > Template > Tata Letak
  • Tekan Ctrl + F Cari kode berikut ]]></b:skin>
  • Copy kode dibawah ini, tempelkan tepat di Atas kode  ]]></b:skin>


.post img {
filter:alpha(opacity=100);  /* Internet Explorer */
 /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}


  • Simpan perubahan, dan klik Refresh...

3 comments: