Cara Mudah Membuat Border Gambar Melengkung

eFTutor - Kumpulan Artikel Online - Cara Mudah Membuat Border Gambar Melengkung menggunakan efek Hover pada CSS3. Default gambar yang sudah melengkung pada gambar akan menjadi kotak katika mouse di dekatkan, ini bisa kita buat untuk mempercantik tampilan gambar di blog kita.
Cara Mudah Membuat Border Gambar Melengkung
Border Radius dengan CSS 3
Berikut Scriptnya :
.post-body img {
border-radius: 50% 0; /* Border Radius */
box-shadow: 0px 0px 15px #000;
padding:15px;
background:#FFF;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
Demonya :


Selamat Mencoobanya..

6 Responses to "Cara Mudah Membuat Border Gambar Melengkung"

Budayakan Bertanya dan Berkomentar dengan Sopan.