Trình tạo CSS Gradient

Loại gradient

Góc (độ)

Hình dạng

Điểm dừng màu

Đầu ra CSS

CSS Gradient là gì?

CSS gradient cho phép hiển thị các chuyển đổi mượt mà giữa hai màu trở lên mà không cần dùng file hình ảnh. Có ba loại: linear-gradient (theo đường thẳng), radial-gradient (tỏa ra từ điểm trung tâm) và conic-gradient (quét xung quanh điểm trung tâm). Gradient được dùng cho nền, nút, lớp phủ và các phần tử trang trí.

Cách sử dụng Trình tạo CSS Gradient

Chọn cài đặt sẵn từ các mẫu màu hoặc tự cấu hình gradient.
Chọn loại gradient: linear, radial hoặc conic.
Điều chỉnh góc (cho linear/conic) hoặc hình dạng (cho radial).
Chỉnh sửa các điểm dừng màu — thay đổi màu và vị trí (0–100%).
Thêm hoặc xóa điểm dừng màu theo nhu cầu.
Sao chép CSS và dán vào stylesheet của bạn.

Keywords: trình tạo CSS gradient, gradient tuyến tính, gradient hướng tâm, gradient hình nón, trình tạo nền CSS, bộ chọn màu gradient, công cụ CSS gradient