0

Cara membuat efek zoom pada gambar

Mengulas kembali tentang membuat efek zoom gambar yang mana cara ini hanya untuk mempecantik tampilan blog, dimana cara kerja dari efek ini yakni apabila pointer mouse berada diatas gambar maka akan membesar tampilannya atau men-zoom menjadi ukuran sebenarnya membuat-efek-zoom-pada-gambar,efek zoom gambar
Ada juga tentang membuat efek Blur / Buram pada gambar
Begini tutorialnya dalam membuat efek zoom gambar.
  • login ke dashbord blogspot kamu.
  • pilih Rancangan »» Edit HTML
  • Tempatkan kode CSS berikut diatas kode ]]></b:skin>
  • Kode CSS-y
    .zoom:hover {-moz-transform:scale(1.25); -webkit-transform:scale(1.25); }
  • terakhir klik SIMPAN
Kemudian dalam penulisan kode gambarnya seperti ini dan harus pada mode ''Edit HTML'' bukan pada mode Compose <img src="http://link-gambar-kamu.jpg" class="zoom"/>
Jika ingin mengatur ukuran gambarnya sebelum pointer mouse melintas diatasnya (gambar default tampilan) tinggal menambahkan kode height="nilai-tinggi" weight="nilai-lebar" Dan nantinya akan menjadi seperti berikut <img src="http://link-gambar-kamu.jpg" height="nilai-tinggi" weight="nilai-lebar" class="zoom"/>
Selamat mencoba !

Unknown

sedang dalam perbaikan....

Tidak ada komentar:

Posting Komentar