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…
ini adalah css sama htmlnya

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);
}

0 komentar:

No Spam
And
Live Link