Comments

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..

Ditulis oleh: White Line Code Hari: 3:30 PM Kategori:

avatar eFTutor ~ Kumpulan Tips dan Triks
Berbagi dalam Blog dan Forum Facebook, share gratis.
Jarang Turu Garai Kuru, Kakean nge~Blog Garai Goblog.
=> Jasa Pembuatan Aplikasi Android untuk Skripsi

6 komentar :

Budayakan Bertanya dan Berkomentar dengan Sopan.