Pangeran Tinta - Cara Membuat Gambar Membesar saat disentuh Kursor di Blog, Kli ini saya akan mengepost tutorial bagaimana cara mengedit HTML, ketika gambar disentuh cursor beberapa saat maka gambar tersebut akan membesar atau bahasa kerenya image magnifity Bro hehe
- Masuk ke akun blogger kalian.
- Pilih Template >>>> Edit HTML.
- Cari kode ]]></b:skin> CTRL+F pada keyboard agar lebih mudah
- Taruh kode di bwh tepat di atas kode tersebut kode ini ni Bro >>>> ]]></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); }
.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); }
- Save dan lihat hasilnya :)