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...

Baca Artikel Lainnya