Thiết kế
Trình tạo Glassmorphism
Tạo CSS kính mờ với độ mờ, độ trong suốt, sắc màu và xem trước trực tiếp Chạy trên thiết bị — không có gì được tải lên, không có gì được lưu trữ.
12px
20%
120%
16px
1px
40%
#ffffff
Xem trước
Glassmorphism
Kết quả CSS
/* Glassmorphism */
background: rgba(255, 255, 255, 0.20);
border-radius: 16px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);
-webkit-backdrop-filter: blur(12px) saturate(120%);
backdrop-filter: blur(12px) saturate(120%);
border: 1px solid rgba(255, 255, 255, 0.40);
/* Fallback for browsers without backdrop-filter support */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
background: rgba(255, 255, 255, 0.60);
}Liên quan
Về Trình tạo Glassmorphism
Tạo CSS kính mờ với độ mờ, độ trong suốt, sắc màu và xem trước trực tiếp
Trình tạo Glassmorphism là công cụ miễn phí thuộc danh mục Thiết kế & Đồ hoạ trên BrowseryTools. Công cụ này chạy hoàn toàn trong trình duyệt của bạn: những gì bạn đưa vào đều được xử lý ngay trên thiết bị của bạn và không bao giờ được tải lên máy chủ. Không cần đăng ký, không quảng cáo, không hình mờ, và sau khi trang đã tải xong thì công cụ vẫn chạy được dù không có kết nối.