Monday, March 6, 2017
Cara Mudah Membuat Border Gambar Melengkung
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.
 |
| Border Radius dengan CSS 3 |
Berikut Scriptnya :
.post-body img {Demonya :
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;
}
Selamat Mencoobanya..
Available link for download
