Chuyển đến nội dung chính
Uddatak

Trình tạo Glassmorphism CSS

Điều chỉnh độ mờ nền, màu sắc và độ mờ đục của màu kính, độ mờ đục viền, và độ bo góc bằng các thanh trượt trực tiếp trên nền nhiều màu sắc, sau đó sao chép mã CSS chính xác (bao gồm tiền tố WebKit cho Safari).

Công Cụ Thiết Kế và CSS Chạy hoàn toàn trong trình duyệt của bạn

Mọi xử lý đều diễn ra trên thiết bị của bạn — không có gì được gửi đến máy chủ.

Mã CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Tiếp tục với

Hoàn toàn cục bộ

Công Cụ Tạo Box-Shadow CSS

Thiết kế trực quan một box-shadow CSS bằng thanh trượt và sao chép mã được tạo ra.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Border-Radius CSS

Thiết kế trực quan các góc bo tròn — bao gồm cả hình dạng bất đối xứng — và sao chép mã CSS.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Gradient CSS

Xây dựng trực quan một gradient CSS tuyến tính hoặc xuyên tâm và sao chép mã.

Công Cụ Thiết Kế và CSSMở công cụ

Công cụ liên quan

Hoàn toàn cục bộ

Trình tạo bố cục CSS Grid & Flexbox

Thiết kế trực quan bố cục Grid hoặc Flexbox với bản xem trước trực tiếp và sao chép mã CSS sẵn sàng sử dụng.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Chuyển Văn Bản Thành Chữ Viết Tay

Biến văn bản đã gõ thành hình ảnh trông như được viết tay trên giấy kẻ ô ly, với nhiều kiểu chữ viết tay.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Hình Blob & Họa Tiết Nền SVG

Tạo một hình dạng hữu cơ ngẫu nhiên (blob) hoặc một họa tiết nền lặp lại liền mạch dưới dạng SVG, rồi sao chép hoặc tải xuống.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Hiệu Ứng CSS Keyframe

Thiết kế hiệu ứng CSS trực quan (hiện dần, trượt, zoom, nảy, xoay, lật) và nhận mã @keyframes sẵn sàng sử dụng.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Bảng Màu Hài Hòa

Chọn một màu gốc và nhận bảng màu hài hòa (bổ túc, tương đồng, bộ ba, bộ bốn, đơn sắc).

Công Cụ Thiết Kế và CSSMở công cụ

Sẵn sàng dùng thử Uddatak?

Duyệt qua thư viện công cụ đầy đủ và bắt đầu sử dụng những gì bạn cần ngay bây giờ — miễn phí, không cần đăng ký.

Duyệt tất cả công cụ