CSS AdvancedLesson 65Preview gratis
CSS Image Filters
Lesson ini bagian dari CSS · Semua level
Ringkasan
Properti `filter` memungkinkan kita menerapkan efek visual langsung ke gambar atau elemen lain, seperti mengaburkan, menggelapkan, mencerahkan, atau mengubahnya menjadi hitam putih. Efek ini dirender browser sehingga tidak memerlukan file gambar tambahan. Filter bahkan bisa dianimasikan dengan `transition` untuk interaksi yang menarik.
Poin kunci
- Fungsi filter umum: `blur()`, `brightness()`, `contrast()`, `grayscale()`, `sepia()`
- `grayscale(100%)` mengubah gambar sepenuhnya menjadi hitam putih
- `drop-shadow()` cocok untuk bayangan yang mengikuti bentuk transparan gambar
- `transition: filter` membuat efek berubah halus, misalnya saat hover
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.