Penjana Penapis CSS
Alat visual untuk menjana dan pratonton sifat penapis CSS.
Tetapan Penapis
Laraskan setiap sifat penapis
Pratetap
Cuba gaya penapis yang telah ditetapkan
Pratonton
Lihat kesan penapis yang dihasilkan pada imej lalai
Asal
Ditapis
Filter Preview
CSS Dijana
filter: none;Fungsi Penapis CSS Dijelaskan
Kesan Visual
- • blur(px): Kesan kabur
- • brightness(%): Pelarasan kecerahan
- • contrast(%): Pelarasan kontras
- • opacity(%): Pelarasan kelegapan
Kesan Warna
- • grayscale(%): Kesan skala kelabu
- • hue-rotate(deg): Putaran hue
- • invert(%): Penyongsangan warna
- • saturate(%): Pelarasan tepu
- • sepia(%): Kesan sepia
Petua Penggunaan
- • Gabungkan berbilang penapis yang dipisahkan oleh ruang
- • Gunakan pada mana-mana elemen HTML, bukan hanya imej
- • Gunakan dengan animasi CSS untuk kesan dinamik
- • Gunakan backdrop-filter untuk digunakan hanya pada latar belakang