W3.CSSLesson 52Preview gratis
W3.CSS Filters
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Filter CSS mengubah tampilan gambar atau elemen secara visual, seperti menghapus warna atau menambah buram. Properti filter menerima fungsi seperti grayscale(), blur(), brightness(), dan sepia() yang bisa ditulis di style inline atau di CSS kustom. Hasilnya hanya mengubah tampilan di layar, file asli tidak ikut berubah.
Poin kunci
- Fungsi filter: grayscale, blur, brightness, contrast, sepia, invert, saturate, hue-rotate
- grayscale(100%) menghasilkan tampilan hitam putih total
- Filter diterapkan lewat style inline atau aturan CSS sendiri
- File gambar di server tidak berubah, hanya rendering yang berubah
- Kombinasikan dengan :hover untuk efek perbandingan sebelum-sesudah
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.