
Cara membuat gambar postingan membesar & bersinar bila di sentuh cursor
Kali ini saya akan menerangkan cara membuat Gambar Postingan bila di sentuh cursor berubah membesar,langsung sajalah ke TKP.
Pertama anda masuk dulu ke Edit HTML.jangan lupa centang kolon yang ada di atas,pasti kalian juga sudah tau kan yang saya maksudkan.
Cari kode ]]></b:skin> kalau sudah ketemu letakkan kode dibawah ini di atas kode ]]></b:skin>
Bagikan
Cari kode ]]></b:skin> kalau sudah ketemu letakkan kode dibawah ini di atas kode ]]></b:skin>
.post-body img { padding: 0px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ;opacity:0.4;margin:0 10px 5px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px inset #424242;box-shadow:0px 0px 30px ;-webkit-box-shadow:0px 0px 30px ;-moz-box-shadow:0px 0px 30px;
}
.post-body img:hover{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px dotted #FF0000;box-shadow:0px 0px 30px #0000ff;-webkit-box-shadow:0px 0px 30px #0000ff;-moz-box-shadow:0px 0px 30px #0000ff;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:1;
}
IKLAN SPONSOR}
.post-body img:hover{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px dotted #FF0000;box-shadow:0px 0px 30px #0000ff;-webkit-box-shadow:0px 0px 30px #0000ff;-moz-box-shadow:0px 0px 30px #0000ff;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:1;
}
Artikel Terkait
Widget by [ Kediri Blogger ]
bisa d coba ni tipsnya..
keren sob..
makasih infonya..
oya templatenya juga bagus,,aq suka ini..
silahkan di coba... dan trimakasih atas pujian nya