Lewati ke konten
🛠️ToolsShed

Generator Filter CSS

Sesuaikan efek filter CSS (blur, brightness, contrast, dll.) dengan pratinjau langsung dan salin output CSS.

Filter

Blur0px
Kecerahan100%
Kontras100%
Skala abu-abu0%
Rotasi hue0deg
Inversi0%
Opasitas100%
Saturasi100%
Sepia0%

Klik untuk mengunggah gambar pratinjau

filter: none;

Tentang alat ini

Pembuat filter CSS memungkinkan Anda untuk merancang dan menyesuaikan efek gambar secara visual menggunakan properti CSS standar: blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, dan sepia. Daripada menebak nilai numerik atau menulis CSS melalui coba-coba, alat ini menyediakan pratinjau real-time tentang tampilan setiap efek filter pada gambar Anda, memudahkan Anda mencapai efek visual yang tepat.

Untuk menggunakannya, unggah atau tempel gambar, kemudian sesuaikan slider atau bidang input untuk setiap efek filter. Saat Anda mengubah nilai, pratinjau diperbarui secara instan sehingga Anda dapat melihat hasilnya segera. Setelah puas dengan tampilannya, salin kode CSS yang dihasilkan dan tempel ke lembar gaya Anda. Pendekatan ini menghemat waktu selama iterasi desain dan memastikan filter Anda ditampilkan secara konsisten di semua browser.

Pertanyaan yang Sering Diajukan

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.