ADS

News Update
Loading...

Cara Membuat Gambar Membesar Saat Disentuh Kursor


Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Berikut Langkah-langkahnya :

1. Login Blogger

2. Klik Template > Edit HTML
3. Tekan Ctrl + F Cari kode berikut ]]></b:skin>
4. 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);
}

5. Terakhir Klik Simpan Perubahan dan Lihat Hasilnya :)

0 komentar:

Post a Comment

No SARA no SPAM no NITIP LINK !!! Tolong sertakan sumber jika ingin Copy-Paste!!!

 
HELLO!!!
Back to Top