Cara Mudah Membuat Border Gambar Melengkung

Hai Teman-teman...
.Sudahh LAma Blog LEOARDYANTA69 
ngga posting niihh....Traffic blog jadi Sepii dehh...haahahaha....
yupss....Seperti Di judul Kali ini Saya akan membahas Tentang :
 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..

Comments
0 Comments

0 komentar:

Poskan Komentar