Thiết kế
Tạo gradient CSS
Tạo dải màu CSS trực quan.
Cách sử dụng
Chọn cài sẵn hoặc xây dựng từ đầu: thêm điểm dừng màu, kéo vị trí, chuyển đổi tuyến tính / hướng tâm / hình nón. Sao chép CSS hoặc đoạn mã lớp Tailwind.
Câu hỏi thường gặp
Hỗ trợ những loại gradient nào?
Tuyến tính (mọi góc), xuyên tâm (hình tròn từ tâm) và hình nón (vòng màu). Mỗi loại hỗ trợ nhiều điểm dừng màu có thể kéo vị trí.
Làm thế nào để sử dụng CSS?
Sao chép dòng background đã tạo vào stylesheet hoặc dán vào giá trị tùy ý của Tailwind như bg-[linear-gradient(...)].
Tôi có thể bắt đầu từ preset không?
Có — nhấp vào một trong 12 preset (hoàng hôn, đại dương, đèn rọi xuyên tâm, cầu vồng hình nón và nhiều lựa chọn khác), rồi chỉnh các điểm dừng và góc.
Cập nhật lần cuối: