TutorialBlog: Curved Image Border When Hover

Assalamualaikum and hi,

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak dan cari kod ini :
a:visited {

3. Ada tak ? Kalau ada bagus ! Paste kod di bawah ini , di bawah kod yang korang carikan tu ekk ?

a img {
border-radius:10px;
border-width: 0;
}
img:hover {
filter: alpha(opacity=70);
opacity: .6;
-webkit-transition: 0.5s;
border-radius:10px;
}

4. Contohnya macam ini :

KLIK Gambar untuk nampak lebih jelas :)

5. Bila dah paste , boleh lah korang SAVE !

Source: Lyssa

Share your experience down below!