Generator Filter CSS
Alat visual untuk menghasilkan dan mempratinjau properti filter CSS.
Pengaturan Filter
Sesuaikan setiap properti filter
Preset
Coba gaya filter yang telah ditentukan
Pratinjau
Lihat efek filter yang dihasilkan pada gambar default
Asli
Difilter
Filter Preview
CSS yang Dihasilkan
filter: none;Penjelasan Fungsi Filter CSS
Efek Visual
- • blur(px): Efek buram
- • brightness(%): Penyesuaian kecerahan
- • contrast(%): Penyesuaian kontras
- • opacity(%): Penyesuaian opasitas
Efek Warna
- • grayscale(%): Efek skala abu-abu
- • hue-rotate(deg): Rotasi rona
- • invert(%): Pembalikan warna
- • saturate(%): Penyesuaian saturasi
- • sepia(%): Efek sepia
Kiat Penggunaan
- • Gabungkan beberapa filter yang dipisahkan oleh spasi
- • Terapkan ke elemen HTML apa pun, bukan hanya gambar
- • Gunakan dengan animasi CSS untuk efek dinamis
- • Gunakan backdrop-filter untuk menerapkan hanya ke latar belakang