Kode Shadow Pada CSS Version ('Web Design Inspirasi')

Assalamuailkum Wr.wb Selamat Pagi,,, Enaknya Pagi- Pagi Gini Mimin Nge-pos Tentang CSS ,, Disini Teman-teman WDI Ada Yang Pernah Membuat Halaman Website Dengan Shadow Atau Efek Bayangan
Seperti Yang Di Bawah Ini ;

Disitu Yang Saya Kasih Panah Terlihat Box Shadow Nya Dengan Ketebalan 3px Berwarna Hitam , 

Dan Saya Disini Akan Menjelaskan Sedikit Tentang Kode-kode Membuat Box-Shadow Disimak Ya Teman-teman Website Design Inspirasi  .

Contoh ;

 -webkit-box-shadow: 5px 5px 10px #FF0000;  ( untuk browser safari)

-moz-box-shadow :5px 5px 10px #FF0000;    (untuk browser mozilla)

box-shadow: 5px 5px 10px #FF0000; ( Untuk Yang Ini Kode Sebenarnya

Nah Disitu Seperti Biasa -webkit- Untuk Browser Safari.

Nah Disitu Seperti Biasa -moz- Untuk Browser Mozilla.

Penjelasan :

    Horizontal offset : Jika nilainya positif maka bayangan akan berada disebelah kanan kotak, dan jika negatif maka bayangan akan berada disebelah kiri kotak.

Vertikal offset : Jika nilainya positif maka bayangan akan berada dibawah kotak, dan jika negatif maka bayangan akan berada diatas kotak.

Blur radius : Jika nol maka akan seperti bayangan biasa, dan jika nilainya semakin besar maka bayangan akan tampak menjadi blur.

Warna dari bayangan.  

Oke Teman-teman WDI Masih Belum Paham Ya Oke Ini Akan Saya Kasih Gambar Box Shadow Nya Agar Teman-teman #WDI Lebih Paham Di Perhatikan Betul-betul Ya !!

1. 

2. 

3. 

4.

5. 

Hehe Selesai Kalian Mulai Paham Kan Apabila Masih Nggak Paham Bisa Hubungi Saya;

Via Facebook   Atau Via Twitter  .. Semoga Teman-teman WDI Paham Dan Mendapatkan Hidayah Untuk Belajar Membuat Halaman Website , 

Kalian Juga Bisa Download File Nya Agar lebih Paham Disini

Written by Nulled

Blogger Muda Yang Masih Berstatus Pelajar, Yang Berkecimpung Di Dunia IT Semenjak Tahun 2013 Dan Ingin Berbagi Ilmu Pengetahuan Tentang Programming Web Design,Desktop Application, Tips Blogging, Google Adsense, Dan Internet Marketing. Temukan Celotehan Saya Di Twitter @Anaksmkti