Generator CSS Glassmorphism — Efek Kaca Buram

Glassmorphism adalah tren desain UI yang terinspirasi dari kaca buram — kartu semi-transparan dengan latar yang diburamkan, border halus, dan bayangan ringan. Generator membuat efek ini tanpa trial and error.

Properti Utama Glassmorphism

• backdrop-filter: blur(10px) — memburamkan latar di belakang elemen
• background: rgba(255,255,255,0.1) — latar semi-transparan
• border: 1px solid rgba(255,255,255,0.2) — border halus
• border-radius: 16px — sudut membulat

Dukungan Browser

backdrop-filter didukung oleh browser modern. Untuk Safari diperlukan prefix -webkit-backdrop-filter. Generator otomatis menambahkan prefix.