Toolzy

Trình tạo Gradient CSS

Tạo gradient CSS tuyến tính và tỏa tròn trực quan.

background: linear-gradient(90deg, #6366f1, #ec4899);

Thiết kế gradient CSS với xem trước trực tiếp và sao chép mã background dùng ngay.

Cách sử dụng

  1. Chọn tuyến tính hoặc tỏa tròn.
  2. Chọn màu và góc.
  3. Sao chép CSS.

Câu hỏi thường gặp

Thêm nhiều điểm màu được không?
Trình này dùng hai điểm màu; bạn có thể mở rộng CSS đã sao chép bằng tay.
CSS đặt ở đâu?
Dùng làm giá trị của thuộc tính background hoặc background-image.

Công cụ liên quan