CSS Visual ToolsLesson 71Preview gratis
Box Shadow Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Box shadow generator membantu membuat bayangan di sekitar elemen dengan mengatur offset, blur, spread, dan warna. Kamu bisa menambahkan beberapa lapis bayangan atau memakai inset untuk efek di dalam elemen. Alat ini mempercepat eksperimen nilai hingga tampilan bayangan terasa pas.
Poin kunci
- Urutan nilai box-shadow adalah offset-x, offset-y, blur, spread, lalu warna
- Offset positif menggeser bayangan ke kanan dan ke bawah
- Blur membuat tepi bayangan lebih lembut, spread memperbesar atau mengecilkan bayangan
- Kata kunci inset menempatkan bayangan di dalam elemen
- Beberapa bayangan dipisahkan koma dan digambar dari yang paling depan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.