Design Tools
Generator Glassmorfisme
Buat efek kaca buram dengan blur CSS dan transparansi
Efek Kaca
Ini adalah tampilan efek glassmorfisme Anda.
Button 1
Button 2
Efek Kaca
10px
25%
180%
16px
Border
1px
18%
Bayangan
32px
37%
Latar Belakang
.glass {
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}Dukungan Browser
Properti backdrop-filter didukung di browser modern. Untuk browser lama, pertimbangkan untuk menyediakan fallback.
Mengapa menggunakan Generator Glassmorfisme?
- ✓100% Gratis - Tidak ada biaya tersembunyi atau fitur premium
- ✓Tanpa Daftar - Gunakan langsung tanpa membuat akun
- ✓Privasi Utama - Semua pemrosesan terjadi di browser Anda. Data Anda tidak pernah meninggalkan perangkat
- ✓Sangat Cepat - Hasil instan tanpa penundaan server
Cara Menggunakan
- Masukkan atau tempel teks Anda di area input di atas
- Alat akan memproses input Anda secara otomatis
- Salin hasilnya atau unduh sebagai file
Fitur
- ✓Adjustable blur amount
- ✓Transparency control
- ✓Border and shadow options
- ✓Background image preview
- ✓CSS and Tailwind output
- ✓Browser compatibility info
Pertanyaan yang Sering Diajukan
Is glassmorphism supported in all browsers?
The backdrop-filter property is supported in most modern browsers, but may require prefixes for Safari.