Cara membuat gambar di blog membesar saat di sentuh kursor

mungkin agan pernah melihat gambar di blog membesar jika tersentuh oleh kursor, nah di sini saya akan saya kasih tips dan caranya, Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects, fitur yang satu ini memang di senangi banyak orang, agan mau tau caranya ? silahkan simak tipsnya di bawah ini

• Masuk ke akun blog agan 
• pilih opsi lainnya 
• klik template 
• pilih edit html lalu tekan CTRL+F 
• cari kode ini ]]></b:skin>
• lalu pastekan kode di bawah ini tepat di atas kode  ]]></b:skin> 
  .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); }
• Terakhir klik simpan dan lihat hasilnya

mudah kan ? selamat mencoba ya gan semoga tips ini bermanfaat, jangan lupa tinggalkan komentarnya !

Posted by Unknown

Tweet