Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai cara penggunaan properti box-shadow pada kode CSS
Info: Oke sobat icloudZer jika kau sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Kode CSS
Dalam kode CSS ada beberapa item yang digunakan yakni class (.), Id (#) dan juga properti, nah apakah kamu sudah mengetahui penggunaan properti pada kode CSS jika belum sebentar lagi admin bakalan menjelaskan penggunaan serta fungsi setiap properti pada kode CSS
Properti CSS
Properti CSS merupakan item khusus didalam penggunaan kode CSS, dalam membentuk tampilan, dan jika seluruh properti tampilan admin tampilan disini, maka tidak akan cukup halaman yang sedang kamu baca ini, maka sebagai contoh dari properti CSS adalah, box-shadow, height, dan lain sebagainya
Info: Oke sobat admin bakalan menjelaskan satu persatu dari penggunaan properti pada kode CSS
Properti box-shadow
Khusus pada pembahasan kita kali jni yakni membahas fungsi penggunaan properti box-shadow pada kode CSS, mungkin saja ada diantara kamu yang belum mengetahui kegunaan dari properti box-shadow untuk apa dan sebagainya
Fungsi Properti box-shadow
Baiklah sekarang saatnya admin bakalan membahas megenai fungsi penggunaan properti box-shadow pada kode CSS, properti box-shadow pada kode CSS berfungsi untuk menentukan bayangan dari sebuah tampilan, karena pengertian box-shadow pada bahasa Inggris berarti bayangan kotak dan biasanya penggunaan properti box-shadow selalu digunakan bersamaan properti padding
Info: Karena memang dalam penggunaan kode CSS penggunaan bahasa lebih condong kedalam bahasa Inggris
Contoh Kode
Sebagai pelengkapnya admin bakalan memberikan contoh kode penggunaan properti box-shadow pada kode CSS, sebagai berikut
<!-- properti box-shadow keseluruhan -->
.rahbox-shadow{
box-shadow:20px;
}
<!-- properti box-shadow sudut -->
.rahbox-shadow{
box-shadow:20px 20px 0 0;
}
Info: .rahbox-shadow merupakan contoh class, kemudian box-shadow merupakan contoh penggunaan properti