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

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 :

  1. heee Keren2, bisa dicoba nih....

    BalasHapus
  2. mas itu di letakin di atas atau bawah kode apa ya..

    BalasHapus
    Balasan
    1. coba taruh di atas ]]></b:skin mas...

      Hapus
  3. mantep gan !!
    Makasih ya
    Visit juga : reza31.blogspot.com

    BalasHapus
    Balasan
    1. Oke brow,, thank kunjunganyya. .
      :D

      Hapus

Budayakan Bertanya dan Berkomentar dengan Sopan.
Tolong tinggalkan komentar jika Anda menemukan Link yang Broken.