Kembali ke Tools
Generator Efek Kaca (Glassmorphism)
Desain efek kaca buram (glassmorphism) yang populer dengan pengontrol buram latar belakang, transparansi, dan bingkai.
Pengaturan Kontrol
16px
25%
20%
PRATINJAU LANGSUNG
Kartu Kaca
Efek kaca buram transparan.
KODE CSS
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 24px;PETUNJUK PENGGUNAAN
- Sesuaikan tingkat buram latar belakang, transparansi, dan opacity bingkai
- Pilih warna kaca untuk tema kustom Anda
- Salin kode CSS backdrop-filter ke elemen kartu UI Anda