Tutorial : Image hover (image melengkung)

by - 9:16 PTG



Assalamualaikum :)

Malam nie buat tuto lagi iaitu tuto mengenai image hover.. kali nie image akan menjadi melengkung di setiap bucu. ikowt tuto nie kalau berminat oke :)

1. Dashboard > Template > Edit HTML > Tick Expand Widget Templates.
2. Tekan Ctrl+F dan cari code

/* Header
----------------------------------------------- */

3. Kemudian copy code bawah nie pulak :

 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;
} 

4. Pastekan code tersebut di bawah code /*Header tadi 
5.Preview and save.!




You May Also Like

0 Comments