Tutorial : Image Hover Melengkung

Assalamualaikum :)
Bila korang hoverkan image nanti gambar tu akan jadi melengkung / curve. If you think that cute and you want to add into your blog follow this tutorial till the end. Any curiosity, just ask me in comment :)

1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code ni :

img {

3. Copy code bawah :

img:hover {
-webkit-transition: 0.3s;
border-radius:20px;
}

4. Paste kan di BAWAH code img { . Contoh macam dekat bawah ni :

 

5. Preview and Save :) 

LITTLE THINGS : 
BLUE : Kalau nak lambatkan tukar kepad 0.1s and so on
RED : Kelengkungannya. Bigger the number, curvier the border. Simple as that right ?


CREDIT TO : KAK AMALINA

No comments:

Post a Comment

Kalau dah jadi tu commentlah sikit sikit . Sebaris kata pun boleh. Asal jangan harsh words thank you :D