Penjana Glassmorphism

Hasilkan gaya kad glassmorphism dengan menggabungkan warna latar belakang lut sinar, sempadan pilihan, sudut membulat, dan backdrop-filter dengan kabur serta tepu. Output ialah coretan lengkap lima pengisytiharan (background, border, border-radius, backdrop-filter, -webkit-backdrop-filter) dipratonton secara langsung atas kecerunan pelbagai-hentian tetap.

1. Pilih Warna Latar Belakang dan seret Opacity (0–1 dalam langkah 0.05) — kedua-duanya membentuk latar belakang rgba(). 2. Pilih Warna Sempadan dan tetapkan Lebar Sempadan (0–5px) dan Jejari Sempadan (0–50px). 3. Tetapkan Kabur (1–30px) dan Tepu (100–200%) untuk backdrop-filter. 4. Klik Salin untuk menyalin coretan CSS lima-baris.

CSS yang dijana sentiasa mengandungi lima baris: background: rgba(r, g, b, opacity); border: {lebar}px solid {warna}; border-radius: {jejari}px; backdrop-filter: blur({kabur}px) saturate({tepu}%); dan -webkit-backdrop-filter sepadan untuk Safari. background-color ditukar daripada pemetik hex kepada nilai rgba() dengan opacity gelangsar. Pratonton menggunakan kecerunan lima-hentian tetap dan tidak boleh diubah.