Generator CSS Glassmorphism
Buat efek UI kaca buram dengan pratinjau langsung dan output CSS. Sesuaikan transparansi, blur, border, dan pengaturan bayangan.
Pratinjau
Glassmorphism
Pratinjau
Kontrol
Kode CSS
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;Cara Menggunakan
Sesuaikan Parameter
Sesuaikan opasitas, blur, dan border
Pratinjau
Lihat efek kaca secara real-time
Salin
Salin kode CSS untuk digunakan
Fitur
Kontrol Blur
Sesuaikan jumlah blur backdrop-filter
Kustomisasi Latar Belakang
Kustomisasi gambar atau warna latar belakang
Border & Bayangan
Konfigurasi border dan bayangan bergaya kaca
FAQ
🔗Alat Terkait
Konverter Kode Warna
Konversi antara kode warna HEX, RGB, dan HSL. Gunakan pemilih warna dan pratinjau waktu nyata untuk pemilihan warna yang intuitif.
Pemilih Warna
Pilih warna secara intuitif menggunakan roda warna dan slider. Dapatkan dan salin kode warna dalam format HEX, RGB, dan HSL.
Ekstraktor Warna Gambar
Deteksi warna dominan dari gambar secara otomatis dan hasilkan palet warna. Anda juga dapat mengklik di mana saja pada gambar untuk mengambil warna individual.
Pengambil Warna Rata-rata Gambar
Hitung warna rata-rata dari seluruh gambar atau area yang dipilih. Berguna untuk memilih skema warna atau warna latar belakang thumbnail.
Generator CSS Gradien
Buat gradien CSS secara visual dengan kontrol seret. Mendukung tipe gradien linear, radial, dan conic dengan preset.
Generator CSS Box Shadow
Buat CSS box-shadow secara visual dengan slider. Mendukung beberapa bayangan dan bayangan inset.