Cara Cepat Hamil

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:

Kraeng Francisco mengatakan...

Wah sangat terbantu, terima kasih.

Poskan Komentar