▢

Generator Glassmorphism

Buat CSS kartu kaca buram dengan blur, transparansi, saturasi, dan warna tint.

File tetap di perangkat ini

File diproses di browser, tidak pernah diunggah. Situs mengunduh kode dan aset yang diperlukan alat. Tanpa akun atau pelacak.

Gunakan Unduh untuk menyimpan alat ini sebagai satu file HTML untuk penggunaan offline.

blur: 10px

transparansi: 0.25

saturasi: 180%

tint

hasil

keluaran

Tentang alat ini

Sesuaikan blur, transparansi, saturasi, dan tint untuk merancang kartu kaca buram dan menyalin CSS-nya, semuanya di browser Anda.

Mengapa pratinjau berada di atas gradien?

Glassmorphism mengandalkan latar berwarna agar efek blur dan transparansi terlihat di balik kartu.

Apa fungsi backdrop-filter?

Properti ini memburamkan dan menyaturasi apa pun yang ada di belakang elemen untuk menghasilkan efek kaca buram.