Membuat Round Hover Image saat Disentuh Cursor

Happy weekend~ atau ada yg masih blm bangun?=)) becandaaa *pissss* kemarin ada yg tanya di ask.fm ku cara....*baca sendiri di judul* seperti di blogku:) coba kalian arahkan cursor ke gambar apa aja di blogku, pasti membulat kan? misalnya fotoku di page 'Profile' *promosi* =)) *lupakan._.v* Oke, jgn kebanyakan basa-basi, mending langsung read more-_-

1. Sign in akun blog.
2. (Pada Dashboard) Template > Edit Html.
3. Cari kode di bawah ini (Ctrl+f)

/* Header

4. Copy kode di bawah ini, lalu pastekan di atas kode yg kamu cari tadi, beri jarak 1 baris antara dua kode tersebut.

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

Preview:
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 

5. Pratinjau template dulu. Kalo ngkada kerusakan barulah Save Changes. Sebab, kalo ada apa2, aku ngk tanggung jawab loh._.v
Selesai~ 

cr: Lesy