Cara Membuat Gambar Membesar Saat disentuh Cursor

By | May 27, 2019
Cara Membuat Gambar Membesar Saat disentuh Cursor 1
Cara Membuat Membesar Saat disentuh Cursor Cara Membuat Gambar Membesar Saat disentuh Cursor

Hai sob . . .
Kali ini admin akan bikin tutorial Cara Membuat Membesar Saat disentuh Cursor
Dalam dunia blogging ini disebut Image Zoom Effects atau Hover Smooth Effects
Pasti kamu pernah lihat kan ketika kamu mengunjungi blog dan sengaja atau tak sengaja kamu menyentuh gambar, dan gambar itu dapat membesar sendiri.
Nah itulah yang disebut Image Zoom Effects atau Hover Smooth Effects.
Gimana cara menciptakannya?
Caranya gampang banget sob, langsung saja ya 🙂

  1. Masuk ke blogger.com
  2. Ceklis Expand Widget Template
  3. Tekan Ctrl+f untuk mencari kode ]]></b:skin>
  4. Dan letakkan kode ini di atas kode ]]></b:skin> 
  5. .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -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.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

  6. Simpan Template
Sekian tutorial dari admin
Semoga Bermanfaat 🙂