Border Image Transparant


kalau membicarakan tentang border yang bisa kita kreasikan menggunakan CSS3 seperti tidak pernah habis-habisnya, salah satunya membuat border transparan untuk gambar.

Sebelumnya saya juga pernah membahas tentang Border Bergerigi, nah kali ini border yang kita gunakan mempunyai efek transparan abis.
Lihat gambar yang telah diberi border berikut ini :
Kerenkan hasilnya ? Seperti dibingkai sama kaca…he..he..he…

HTML

<div class="border" style="background: url(http://lorempixum.com/650/400/people/);"></div>

CSS

.border {
height: 400px;
width: 650px;
border:2px solid #fff;
-webkit-box-shadow: inset 0 0 0 25px hsla(0,0%,100%,.55);
-moz-box-shadow: inset 0 0 0 25px hsla(0,0%,100%,.55);
box-shadow: inset 0 0 0 25px hsla(0,0%,100%,.55);
}


2 komentar:

  1. boleh juga. tapi klo yang css nya langsung bisa gak mas .
    inikan pake html juga. yang buat postingan atau sidebar gitu.

    BalasHapus
  2. Simply And work....
    follow my website on http://creatrev.blogspot.com/
    Thanks

    BalasHapus

No Spam
And
Live Link