Trình tạo Gradient
Tạo và xem trước các gradient CSS một cách trực quan.
Cài đặt Gradient
Đặt loại và hướng gradient
Điểm dừng màu
Đặt màu và vị trí gradient
%
%
Cài đặt sẵn
Thử các gradient được xác định trước
Xem trước
Xem gradient đã tạo
CSS đã tạo
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Mô tả loại Gradient
Gradient tuyến tính
Một gradient thay đổi màu theo hướng đường thẳng. Bạn có thể điều chỉnh góc để đặt hướng.
Gradient hướng tâm
Một gradient thay đổi màu từ một điểm trung tâm ra ngoài theo hình tròn hoặc hình elip.
Gradient hình nón
Một gradient hình nón thay đổi màu khi xoay quanh một điểm trung tâm.