[ Tutorial CSS Untuk Pemula ] Cara membuat bayangan untuk kotak (DIV) dengan CSS


Halo halo halo everybody (Sok gaya Bahasa inggris hahahaa). Berjuma lagi dengan Ade White Flash ( Kayak acara kuis yang terkenal aja haha). Oke langsung aja, kali ini aku akan mengeshare ilmu dari kepala ku langsung tanpa copy paste (Boleh Diuji hahaaha sombong  ).Shadow box adalah bayang-bayang yang berada di sebuah div atau kotak yang dibuat menggunakan CSS (Versi saya). Seperti ini contohnya:
 
Sekarang, bagaimana cara membuatnya????
Begini caranya, ikuti beberapa langkah berikut:
1. Hidupin dulu lepi ato compi 
2. Buat minuman (tersesah kalian mau kopi, teh, air putih, anggur merah )
3. Mental yang bagus dan semangat.
4. gag usah stress kalau gag bisa


Pertama-tama buatlah  file CSS-nya.
code berikut simpanlah dengan nama shadow.css
#shadow {
    box-shadow: 10px 10px 10px black;
    height: 500px;
    width: 500px;
    border: thin groove #999999;
}

*)Perhatikan yang huruf kuning, itu adalah script dmn nanti akan membuat div menjadi berbayang. Untuk warna bayangan tinggal mengganti black menjadi warna apa aja, inget bahasa inggris jangan jawa black diganti ireng )


Nah sekarang tinggal menerapkannya pada file html.
simpan file berikut dengan nama shadow.html







Ade White Flash

dalam kehidupan kita pasti akan melihat kita atau orang lain merasakan keberhasilan, namun percaylah bahwa disetiap oang memiliki keberhasilan sendiri-sendiri

Posting Komentar

Silahkan isi komentar jika ada pertanyaan, saran atau kritik. Bantu kami untuk lebih berkembang.

Lebih baru Lebih lama