Glassmorphism là phong cách thiết kế UI dùng hiệu ứng kính mờ: các lớp bán trong suốt, làm mờ nền và viền tinh tế để màu nền ánh lên xuyên qua. Được Apple và Microsoft phổ biến, đây giờ là kỹ thuật chuẩn trong thiết kế giao diện hiện đại.
Chỉnh bán kính làm mờ, độ trong suốt của màu trắng, độ dày viền và bán kính góc bo để tạo tấm thẻ kính của bạn. Bản xem trước hiển thị tấm kính mờ chân thực trên nền rực rỡ, và CSS xuất ra tự kèm tiền tố -webkit- để tương thích Safari.
Frequently Asked Questions
Q: backdrop-filter là gì?
backdrop-filter là gì? Nó áp dụng hiệu ứng thị giác (như làm mờ) cho mọi thứ ở PHÍA SAU một phần tử. Khác với filter tác động lên chính phần tử, backdrop-filter chỉ làm mờ nền và giữ lớp kính sắc nét.
Q: Glassmorphism có hoạt động trên mọi trình duyệt không?
Glassmorphism có hoạt động trên mọi trình duyệt không? Tất cả trình duyệt hiện đại đều hỗ trợ backdrop-filter. Safari cần tiền tố -webkit-backdrop-filter, và CSS tạo ra sẽ tự động kèm theo.
Q: Năm 2026 glassmorphism còn hợp mốt không?
Năm 2026 glassmorphism còn hợp mốt không? Có. Nó đã phát triển từ một trào lưu thành ngôn ngữ thiết kế vững chắc, được Apple, Microsoft và các app fintech lớn như Revolut, N26 sử dụng.
Q: Nền nào đẹp nhất cho thẻ kính?
Nền nào đẹp nhất cho thẻ kính? Các dải gradient rực rỡ màu tím, xanh dương, hồng hoặc xanh mòng két cho hiệu quả tốt nhất. Nền cần đủ màu để hiện ra qua lớp kính mờ.
Q: backdrop-filter có làm chậm hiệu năng không?
backdrop-filter có làm chậm hiệu năng không? Vài phần tử kính thì ảnh hưởng không đáng kể. Hàng chục backdrop-filter chồng nhau có thể làm cuộn trang chậm trên thiết bị cấu hình thấp — chỉ dùng trên các bề mặt quan trọng.
Màu sắc Việt Nam
Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.
Đỏ son #E32636Màu son của cổng làng, đình chùa và câu đối
Vàng hoàng thái #FFD700Màu vàng của hoàng cung và lễ hội
Xanh lam #0056A7Màu xanh của biển Đông
Màu gạch #B22222Màu gạch nung của làng quê Bắc Bộ
Vàng nắng #F7C948Ánh nắng vàng trên cánh đồng lúa chín
Xanh ngọc #00A86BMàu ngọc bích của vịnh Hạ Long
Tím Huế #7F5FA3Màu tím của áo dài và hoa phượng tím xứ Huế
Nâu đất #8B5A2BMàu đất phù sa của đồng bằng sông Hồng
Hồng sen #F5A9B8Màu hoa sen — quốc hoa của Việt Nam
Trắng ngà #FFFFF0Màu áo dài trắng của nữ sinh
Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.