CSS Box Shadow

CSS Box-Shadow

Assalamu'alaikum ..
ee ..
Ketemu lagi di hari yang sama nee ..
Di hari yang Sama nee saya mau Posting Yang Ketigaxxxxx ..
Langsung aja dehh ..
Simak ya Tutorialnya , Buat master lewat aja (jangan Anggap saya Master, Saya juga Masih Belajar alias Newbie)

Tutorial ini untuk memberi Efek Shadow pada Area Tertentu ..
Nee Kode CSSnya :

Untuk yang Bayangan Bagian Luar :


-webkit-box-shadow:10px 10px 7px #222; /* Safari & Chrome */
-moz-box-shadow:10px 10px 7px #222;    /* Firefox */
box-shadow:10px 10px 7px #222;         /* W3C */
Untuk Bayangan Bagian Dalam :

-webkit-box-shadow:inset 10px 10px 7px #222; /* Safari & Firefox */
-moz-box-shadow:inset 10px 10px 7px #222;    /* Firefox */
box-shadow:inset 10px 10px 7px #222;         /* W3C */

10px yang pertama adalah ukuran offset sumbu-X, 10px yang ke dua adalah offset sumbu-Y, 7px adalah tingkat blur, #222 adalah warna bayangan. Kamu juga bisa menuliskan nilai offset negatif untuk membuat bayangan menuju ke arah sebaliknya. Cara penerapannya bisa diletakkan secara top down ataupun inline seperti ini:


Top-DownInline
#kotak1 {
-webkit-box-shadow:10px 10px 7px #222;
-moz-box-shadow:10px 10px 7px #222;
box-shadow:10px 10px 7px #222;
}

......

<div id='kotak1'>OBJEK</div>
<div style='-webkit-box-shadow:10px 10px 7px #222;-moz-box-shadow:10px 10px 7px #222;box-shadow:10px 10px 7px #222;'> OBJEK </div>


Jelaskan tutorialnya ?
Kalo Belum Jelas Gak usah Di bahas hehehe ..


4 ... Skip ke Kotak Komentar

17 Januari 2012 13.52

pertamax ,,,
Bagus nih,, saya pengen bener belajar CSS,
perbanyak ya tutorial CSS nya...

happy blogging

17 Januari 2012 15.29

Oke kang ..
Saya juga Lagi belajar CSS :D

21 Januari 2012 17.09

kelamaan nich sob.. langsung pake generator wae..
kan ono.. akeh ning google..

aku sinau ning cssportal.com .. :D

21 Januari 2012 17.25

Aku pengin share wae lah, dari pada nganggur hehehee :D

Tambahkan Komentar Anda

Peraturan :
1. Dilarang berkomentar dengan kata-kata yang kotor, Pornografi, SARA
2. Dilarang Poskan Spam
3. Dilarang poskan URL yang tidak perlu
Sekian Pemberitahuan Dari Saya
Hati-hati dengan Komentar Anda, anda Komentar Bukan Spam, Saya Pasti akan Follow anda, This Blog Dofollow

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat - Converted By [./Forbiden-403]