Kamis, April 25, 2013
Agar Gambar diPosting Membesar saat Disentuh Kursor
Masuk ke Blogger, Pilih Edit Template, Edit HTML, Cari Code ]]></b:skin> , Letakan Code berikut diatas Code ]]></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); }
bagi blog yang sering menambahkan perintah atau CSS diatas kode tersebut, sebaiknya tempat kan diatas deretan yang berawalkan titik (ID).
|
Get Free Email Updates Daily! |
Langganan:
Posting Komentar (Atom)
Ty gan ! :D ijin sedot
BalasHapussaya tunggu http://okmean-blog.blogspot.com/
keren, mampir juga gan di blog shttp://catatansaif.blogspot.com/aya
BalasHapuskerenn
BalasHapus