Follow | Dashboard
Image Effect: With Hover




tuto ni nak mencantik kan korang punya gamba.
ok ce tgok gamba bawah ni
nampak tak yg dlm bulatan tu ?
pastu ada shadow tepi dia kn?















ok cara nak buat :-

1) dashboard  >  template  >  editHTML
2) cari code bawah ni



/* Header



3) copy dan paste kan code dibawah ni selepas code yg korang cari tdi




img {
filter:alpha(opacity=100);
-webkit-transition-duration:.5s;
}
img:hover {
filter: alpha(opacity=60);
 opacity: .6;
 -webkit-box-shadow: 0px 0px 20px #ffacfa;
 -moz-box-shadow: 0px 0px 20px #ffacfa;
 -webkit-border-top-right-radius:30;
 -webkit-border-top-left-radius:30;
 -webkit-border-bottom-right-radius:30;
 -webkit-border-bottom-left-radius:30;
}



4)dah siap preview n kalau dah ok save :)

#korang ubah2 la ape yg patut ye misti tau kan ? ^_^

0 Comments

Post a Comment