UTILS.
100% trong trình duyệt

Trình tạo Glassmorphism

Tạo CSS thẻ kính mờ với độ mờ (blur), độ trong suốt, độ bão hòa và một màu phủ.

Về công cụ này

Điều chỉnh độ mờ, độ trong suốt, độ bão hòa và màu phủ để thiết kế một thẻ kính mờ và sao chép CSS của nó, tất cả ngay trong trình duyệt của bạn.

Câu hỏi thường gặp

Tại sao bản xem trước nằm trên một gradient?
Glassmorphism dựa vào một nền nhiều màu để thấy được hiệu ứng mờ và trong suốt phía sau thẻ.
backdrop-filter làm gì?
Nó làm mờ và tăng độ bão hòa cho bất kỳ thứ gì phía sau phần tử để tạo hiệu ứng kính mờ.

Công cụ khác