CSS Visual ToolsLesson 78Preview gratis
Filter Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Filter generator membuat efek visual seperti blur, brightness, contrast, grayscale, dan drop shadow melalui properti CSS filter. Beberapa fungsi dapat digabung dalam satu deklarasi dan diubah saat hover. Efek filter diproses browser, jadi gunakan secukupnya agar performa tetap baik.
Poin kunci
- filter menerima satu atau beberapa fungsi yang dipisahkan spasi
- blur memakai satuan panjang seperti px
- grayscale(100%) mengubah elemen menjadi hitam putih
- brightness di atas 1 membuat gambar lebih terang
- drop-shadow mengikuti bentuk konten, berbeda dari box-shadow
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.