Tạo gradient CSS
Chạy trong tab này. Không tải lên.
CSS
Cách dùng công cụ này
Thiết kế nền gradient CSS và sao chép code. Không tải lên.
Chọn kiểu hoặc mẫu
Bắt đầu từ một mẫu có sẵn hoặc Ngẫu nhiên, rồi chọn linear, radial hoặc conic và đặt góc hoặc hình dạng.
Đặt màu
Đổi từng màu và kéo vị trí của nó. Thêm tối đa sáu màu; × để xóa một màu.
Sao chép CSS
Bấm Sao chép CSS và dán vào stylesheet, hoặc chọn kích thước và Lưu PNG làm hình nền.
Câu hỏi thường gặp
Tạo gradient CSS như thế nào?
Chọn kiểu (linear, radial hoặc conic), đặt màu và vị trí của chúng, rồi chỉnh góc hoặc hình dạng. CSS cập nhật ngay; bấm Sao chép CSS.
Điểm dừng màu là gì?
Một màu tại một vị trí dọc gradient, từ 0% đến 100%. Thêm tối đa sáu điểm dừng; gradient hòa trộn giữa chúng theo thứ tự vị trí.
Sao lại có hai dòng background?
Dòng đầu là màu đơn cho trình duyệt rất cũ; dòng thứ hai là gradient. Mọi trình duyệt hiện nay đều dùng gradient.
Có lưu gradient thành ảnh được không?
Có. Chọn kích thước (máy tính, điện thoại, 1440p hoặc vuông) rồi bấm Lưu PNG. Ảnh được vẽ ngay trong trình duyệt của bạn.
Linear, radial hay conic?
Linear hòa màu dọc một đường theo góc (90° là từ trái sang phải). Radial lan từ tâm ra theo hình tròn hoặc elip. Conic quét quanh tâm như bánh xe màu.