YR Tutos

ENTRY ABOUT QUOTES STUFFS FESBUK TWITTER NEWER OLDER

Image Hover for Blogskin
Helloooo! Annyeong haseyo Chingus. Oh nie yang susah kan bila ada fake. Hailaaa abes picture aku dia amek then mengaku picture dia. Bapak awak laaa! Haishh sabar Yana. Hmm okay lupakan manusia itu yea. hehe. 


Sekarang nak online pakai lappy susah laaa weyh! Asyik guna phone saje. So sorry lah if lambat buat kay? Ngee ^_^ Tutorial kali ini di request oleh Cik Atiqah. Lawa kan blog dia? hihi.

Dashboard > Template

Cari code macam bawah nie. If korang tak ada letak jelaa kat mana mana kay?
img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-transition: 0.5s;
}
img:hover {
filter: alpha(opacity=50);
opacity: .5;
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-transition: 0.5s;
}

Biru : Curved picture sebelum hover.
Hijau : Curved picture semasa hover.
Merah : Kelajuan hover.
Bold : Opacity gambar semasa hover.


Psst : sumber carian di google ^^ kbobobooii! DF iloveyou ><

Label: , ,


0 comment[s] | back to top