Tạo CSS
- Tệp không rời khỏi thiết bị của bạn
- Chạy trên trình duyệt
- Miễn phí, không cần đăng ký, không hình mờ
Tailwind (arbitrary value)
shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]Cách dùng Tạo CSS
Tạo CSS bằng mắt với xem trước trực tiếp: đổ bóng hộp, clip path, easing cubic bezier, glassmorphism, bán kính blob và đổ bóng chữ. Mỗi bộ tạo cho CSS thuần và lớp giá trị tùy ý Tailwind, sẵn để sao chép.
- 1
Chọn bộ tạo: Đổ bóng hộp, Clip path, Cubic bezier, Glassmorphism, Bán kính blob hoặc Đổ bóng chữ.
- 2
Bắt đầu từ mức sẵn, hoặc chỉnh các thanh và màu.
- 3
Kéo trực tiếp trên bản xem trước nơi có: điểm clip-path, hai tay nắm bezier, hoặc tay nắm blob.
- 4
Sao chép CSS hoặc lớp Tailwind từ đầu ra bên dưới.
Câu hỏi thường gặp
Tôi có chồng nhiều bóng được không?
Có. Trong “Đổ bóng hộp”, nhấn “Thêm lớp” để gộp các lớp, mỗi lớp có lệch, độ mờ, độ lan, màu, độ mờ đục và inset riêng.
Thêm hoặc xóa điểm trên clip path thế nào?
Nhấn đúp mép hình để thêm điểm; chọn điểm rồi nhấn Delete để xóa. Hình Tròn, Elip và Inset dùng thanh thay thế.
Vì sao tôi không thấy hiệu ứng kính?
backdrop-filter chỉ làm mờ thứ phía sau phần tử, nên cần nền nhiều màu hoặc rối. Đầu ra gồm tiền tố -webkit- cho Safari.
Giá trị bezier ngoài 0–1 làm gì?
Giá trị Y trên 1 hoặc dưới 0 làm chuyển động vượt, tạo hiệu ứng nảy hoặc chuẩn bị. Nhấn “Phát” để so với chuyển động tuyến tính.
Đầu ra Tailwind có cần plugin không?
Không. Nó dùng cú pháp giá trị tùy ý của Tailwind, như rounded-[…] hoặc [clip-path:…], chạy trong Tailwind chuẩn.