CSS Membuat Efek Gambar Melingkar

CSS Membuat Efek Gambar Melingkar - Menyambung dari Tutorial CSS sebelumnya kali ini saya postingkan artikel untuk membuat gambar akan membentuk lingkaran ketika cursor didekatkan atau melintasi gambar. 

CSS Membuat Efek Gambar Melingkar ini sudah banyak yang membahasnya, tapi silahkan anda bedakan dengan ini kemudian kamu bisa memodifikasinya untuk bentuk sesuai keinginanmu.

Berikut ini contohnya :

Kemudian untuk scriptnya bisa kamu copy dibawah ini :

.post-body img {
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius: 50%;
box-shadow: 0px 0px 15px #000;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Oke silahkan kamu kembangkan sendiri, untuk hasil yang lebih perfect.

Dukung saya di Contest Blog " HMPS TI Unikama dan Kampus Multikultural " dengan memberi komentar di artikel saya, thanks.
^_^