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>
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;
}
}
.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;
}
1 comment
Kunjungan balik ya gan...
ikuti saya http://mrifqy98.blogspot.com/
Posting Komentar