tutorial : effect 'round hover' pada image apabila disentuh cursor .

Assalamualaikum ..

credit to : jombinabelog.blogspot.com jom cuba !

1. sign in blogger.com > dashboard > template > edit html > ctrl F .

2. cari code :

/* Headings

atau pun

/* Header

3. copy code bawah dan paste SEBELUM code /* Headings atau /* Header :

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

contoh :


a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

/*Header

4. click save template and view blog ;)

click like and comment if you like this tutorial :D

xoxo,

Bsupertype ..!

Assalamualaikum ..