Tutorial Membuat Efek Zoom Pada Image Di Post

Langkah-langkah membuat efek zoom :

1. Sign blog anda.

2. Klik template .

3. Klik Edit HTML >> proceed.

4. Cari kod ini ]]></b:skin>.

5. Copy kod dibawah dan paste sebelum kod ]]></b:skin>.

.post img {

filter:alpha(opacity=60);  /* Internet Explorer */

opacity:0.6;  /* 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);

}

6. Save.

Nota : Anda boleh mengubah saiz efek dengan menukar teks warna merah.