December 8, 2013

Tutorial :Image Hover #2 ( Melengkung )


Cuba halakan cursor dekat mane-2 gambar kat blog iqa. Nampak tak gambar tu jadi melengkung kan ?? :)


 Dasboard -> Tamplate -> Edit Tamplate HTML

 Tekan ctrl + f serentak dan cari kod </style>

 Copy kod kat bawah nie dan pastekan dekat atas kod </style>

img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}


 Preview dulu baru save yer ^^

 Selamat Mencuba :D

2 comments:

Leave a comment and I will reply you guys back.