About

Terima Kasih Atas Kunjuangannya. MARI BERBAGI ILMU di SIT four diHATI

Jumat, 27 April 2012

Cara membuat efek zoom pada gambar

1. Pertama login dulu ke akun blog anda.
2. Pilih menu TEMPLETE
3. Lalu pilih EDIT HTML
4. Pilih LANJUTAN
5. Beri tanda centang pada kotak Expand Template Widget
6. Cari kode ]]></b:skin>. agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard.
7. Masukan code berikut ini diatas kode tersebut
    .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); }
  
8. Lalu SIMPAN TEMPLETE 
9. Selesai 

sekarang coba anda lihat hasilnya gimana... 

Tidak ada komentar:

Posting Komentar