Welcome to my blog.You want to TUTO : Rounded image hover
Tuesday, 20 September 2011 | 0 comment(s)
Assalamualaikum :)
Rounded image hover ? Apetuu ? Ni hah , bila tetikus korang pegi gambar , gambar jadi melengkung di tepi2 nyaa , Waduhhhh2 xD
Tuto nih request by : Zainik
Let the game begin !
Dashboard > Edit HTML >
Click ctrl+f SERENTAK
search '' a img { ''
Pastu , dah jumpe .
Copy nih ;
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FA58AC; -moz-box-shadow: 0px 0px 20px #FA58AC; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px dashed #FA58AC; border-radius: 30px; -moz-border-radius: 30px;}
Yg purple tuh boleh tukar ikut colour yg suka dekat sinih COLOUR .
Yg BIRU boleh tukar dgn solid / dotted / inset / outset / double .
Pastu save :)
Siap !
Labels: TUTO
