Box-Shadow

Box Shadow adalah membuat efek berbayang, pada objek gambar atau objek lain. Efek ini hanya bisa dilihat oleh browser Safari 3+, Firefox 3.5+, Opera 10+ dan Chrome.

Cara Membuat Box Shadow

box-shadow:10px 10px 5px #333333; -webkit-box-shadow:10px 10px 5px #333333; -moz-box-shadow:10px 10px 5px #333333; -o-box-shadow:10px 10px 5px #333333;

keterangan:

• 10px (membuat efek berbayang kanan atau kiri)
• 10px (membuat efek berbayang atas atau bawah)
• 5px (membuat efek berbayang blur)
• #333333 (untuk warna)

Contoh

Nano Yulianto

box-shadow:10px 10px 0px #ff0000; -webkit-box-shadow:10px 10px 0px #ff0000; -moz-box-shadow:10px 10px 0px #ff0000; -o-box-shadow:10px 10px 0px #ff0000;

Nano Yulianto

box-shadow:-10px -10px 10px #ff0000; -webkit-box-shadow:-10px -10px 10px #ff0000; -moz-box-shadow:-10px -10px 10px #ff0000; -o-box-shadow:-10px -10px 10px #ff0000;

Diatas hanya sekedar contoh, bisa dikreasikan sesuai selera.

Semoga Bermanfaat...

Alhamdulillah