Selamat pagi sahabat kali ini saya akan sedikit share tentang cara membuat gambar membesar saat di sentuh kursor blog mungkin sahabat semua sudah pernah tau sebuah blog/web yang memasang sebuah gambar/foto pada blog nya dan pada saat di sentuh oleh kursor akan bergerak dan membesar. Anda juga bisa melihat artikel-artikel lain tentang blog.
Mungkin sahabat juga ingin membuat nya mungkin supaya terlihat sedikit unik di blog sahabat namun sahabat tidak mengetahui cara membuat atau cara memasang nya namun tenang saja cara memasang nya cukup mudah jika sahabat ingin memasang nya silahkan sahabat simak saja di bawah bagaimana cara pemasangan nya.
Login ke akun blog rsahaba
Klik Template > Edit HTML centang pada Expand Template Widget
Cari kode ]]></b:skin> ,
setelah itu, letakkan kode dibawah tepat diatas kode ]]></b:skin>
.post img, table.tr-caption-container { border:none; max-width:800px; 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); }
Nah jika sahabat sudah memasang nya silahkan sahabat coba.
jika sudah berhasil nanti akan seperti yang saya pasang di blog saya silahkan sahabat coba sentuh gambar pada blog ini saja.
Mungkin cukup sekian saja artikel tentang cara membuat gambar membesar saat di sentuh kursor blog. Semoga bermanfaat dan saya ucapkan terimakasih atas perhatian nya.
Login ke akun blog rsahaba
Klik Template > Edit HTML centang pada Expand Template Widget
Cari kode ]]></b:skin> ,
setelah itu, letakkan kode dibawah tepat diatas kode ]]></b:skin>
.post img, table.tr-caption-container { border:none; max-width:800px; 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); }
Nah jika sahabat sudah memasang nya silahkan sahabat coba.
jika sudah berhasil nanti akan seperti yang saya pasang di blog saya silahkan sahabat coba sentuh gambar pada blog ini saja.
Mungkin cukup sekian saja artikel tentang cara membuat gambar membesar saat di sentuh kursor blog. Semoga bermanfaat dan saya ucapkan terimakasih atas perhatian nya.