Januari 06, 2011  

MENGENAL WEBKIT "BOX-REFLECT"

Webkit Box Reflect

Webkit Box Reflect

dari Contoh di Atas, Sudah Tahukan Apa Itu "Webkit Box Reflect"???
CSS3 Ini Adalah Sebuah Efek "Cermin" yang Dapat di Gunakan pada Obyek Gambar, Tulisan dan Border Atau Box. Namun CSS3 Ini Hanya Dapat di Lihat Untuk Browser Berbasis Webkit, Seperti Google Chrome. Mungkin Bisa di Lihat di Browser Lain, Namun Saya Kurang Mengetahuinya.

CSS3nya Adalah

-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));

0.5 Adalah Ke Kaburan (Opacity) Pada Reflectnya. Opacity Dapat Kamu Sesuaikan. Misalnya, 0.1 (Kabur Banget) Atau 1 Saja.
Belum Ngerti, Nich Contohnya...

<div style="-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3))); font: 20px Arial; color: #000:">TULISANNYA</div>

Semoga Bermanfaat...