Memperbesar Gambar Menggunakan CSS

 Cara membuat gambar membesar saat disorot  cursoranda cukup gunakan kode html di bawah ini:

<style>.post img, table.tr-caption-container { border:none; max-width:500px; 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); }</style>

Kemudian Letakan di belakang kode ]]><b:skin>
 pada edit html.
Atau dengan Cara ke-2

Lihat Gambar


Lebih Jelasnya Login Ke blogger>> pilih template>> Sesuaikan>> Tambah CSS>>Simpan(Terapkan)

Cukup Mudah kan 

Tweet