Trik membuat Zoom Image Hover di Blog
Trik membuat Zoom Image Hover di Blog - Zoom image hover adalah sebuah bahasa saya sendiri dalam topik ini dimana jika gambar di sorot pointer mouse akan menjadi besar dengan sendirinya. cara membuatnya sangat gampang anda cukup meletakan kode css ini :
Kode Membuat Zoom Image Hover
.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); }
Langkah membuat Zoom Image Hover
Letakan kode CSS di atas di edit html template blogger anda, letakan di
atas kode ]]></b:skin> dan kode css ini otomatis untuk setiap
posting yang ada di blogger.
Semoga bermanfaat bagi sobat.
Trik membuat Zoom Image Hover di Blog
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Trik membuat Zoom Image Hover di Blog diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
1 komentar:
Wah sangat terbantu, terima kasih.
Posting Komentar