Trình tạo hình dạng kính CSS

Tạo ra cái nhìn băng giá bằng kính nhìn thấy được — mờ nhạc, độ trong suốt, độ bão hòa, biên giới và bóng, rồi sao chép hệ thống sản xuất sẵn sàng.

How to use Glassmorphism Generator

1. Chọn một giọt sáng hoặc tối, sau đó đặt số lượng mờ và bão hoà.
2. Chọn màu điền và điều chỉnh độ mờ của nó để nền hiển thị qua.
3. Khởi động độ mờ của viền, bán kính góc và bóng thả tùy chọn cho đến khi lá bài nhìn đúng.
4. Ấn vào bản sao CSS để sao chép toàn bộ quy tắc, bao gồm -webkit-back-bear-backback.

Tên là gì?

FAQ

Tại sao hiệu ứng kính của tôi trông giống như màu phẳng?

hậu cảnh chỉ che mờ nội dung ngồi phía sau yếu tố. Nếu không có gì màu sắc hoặc bận rộn phía sau thẻ của bạn, bóng mờ không có tác dụng. Đặt lá bài thủy tinh trên một hình ảnh hoặc một chuyển tiếp sống động để xem hiệu ứng.

Tôi có cần đường dây nóng không?

Phải, cho mọi người. Các trình duyệt dựa trên Web Kit, đặc biệt là trên iOS, vẫn cần tiền tố - webkit-bbkit- boot- sebry. Máy phát điện này tự động bao gồm nó cùng với tính chất chuẩn.

Có được hỗ trợ nhiều không?

Nó hoạt động trong tất cả các phiên bản hiện tại của Chrome, Edge, Firefox và Safari. Đối với các trình duyệt rất cũ, các yếu tố chỉ đơn giản chỉ cần hiển thị bối cảnh bán trong suốt của nó mà không có mờ, làm mờ đi dễ chịu.

Related tools

• Border Radius Generator
• CSS Gradient Generator
• Box Shadow Generator
• Color Palette Generator