CSS AdvancedLesson 54Preview gratis
CSS Shadows
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS3 menyediakan dua jenis bayangan: `box-shadow` untuk kotak/elemen dan `text-shadow` untuk teks. Bayangan kotak bisa dibuat di dalam elemen dengan kata kunci `inset`, serta ditumpuk lebih dari satu untuk efek yang lebih halus. Properti spread menentukan bayangan membesar atau menyusut relatif terhadap elemen.
Poin kunci
- Format `box-shadow: offset-x offset-y blur-radius color` (opsional `spread` dan `inset`)
- Nilai blur 0 menghasilkan bayangan tajam tanpa kabur
- `inset` membuat bayangan jatuh ke dalam elemen
- `text-shadow` hanya menerima offset, blur, dan warna (tanpa spread)
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.