เครื่องสร้าง CSS Glassmorphism — เอฟเฟกต์กระจกฝ้า

Glassmorphism เป็น trend การออกแบบ UI ที่ได้แรงบันดาลใจจากกระจกฝ้า การ์ดกึ่งโปร่งใสพร้อมพื้นหลังที่เบลอ border ละเอียด และเงาเบา Generator สร้างเอฟเฟกต์นี้โดยไม่ต้องลองผิดลองถูก

Properties หลักของ Glassmorphism

• backdrop-filter: blur(10px) — เบลอพื้นหลังหลัง element
• background: rgba(255,255,255,0.1) — พื้นหลังกึ่งโปร่งใส
• border: 1px solid rgba(255,255,255,0.2) — border ละเอียด
• border-radius: 16px — มุมโค้มมน