Glassmorphism

หน้าตาเป็นแบบไหน

การ์ดโปร่งแสงเบลอเหมือนกระจกฝ้า มองทะลุเห็นพื้นหลังสีสันด้านหลังแบบมัวๆ ขอบบางสว่าง ลอยซ้อนกัน

คืออะไร

ใช้ backdrop-blur + พื้นโปร่งแสง + ขอบบาง สร้างความรู้สึกชั้นกระจกซ้อนกัน นิยมหลัง iOS / macOS Big Sur และ Windows 11

ใช้เมื่อไหร่

ใช้บนพื้นหลังที่มีสี/ภาพ (gradient, รูป) เพื่อให้เอฟเฟกต์เบลอเด่น ระวังเรื่อง contrast และความอ่านยากบนพื้นเรียบ

ดูเพิ่มเติม