Trình tạo Gradient
Tạo dải màu tuyến tính, tỏa tròn hoặc hình nón, thêm các điểm dừng màu và thiết lập hướng, sau đó sao chép mã CSS chỉ với một cú nhấp chuột.
Mọi dải màu đều được kết xuất trực tiếp trong trình duyệt của bạn. Không có dữ liệu nào bạn thiết lập được tải lên BroBroGo.
Hỏi đáp
Sự khác biệt giữa dải màu linear, radial và conic là gì?
Dải màu tuyến tính (linear) pha trộn các màu dọc theo một đường thẳng mà bạn định hướng bằng một góc xoay. Dải màu tỏa tròn (radial) lan tỏa chúng từ tâm ra ngoài theo hình tròn hoặc hình elip. Dải màu hình nón (conic) quét các màu xung quanh tâm giống như một bánh xe màu sắc.
Điểm dừng màu (color stops) là gì?
Mỗi điểm dừng màu (color stop) là một màu được ghim vào một vị trí dọc theo dải màu — 0% ở điểm bắt đầu, 100% ở điểm kết thúc. Di chuyển điểm dừng để thay đổi nơi màu sắc đó đạt đỉnh, hoặc thêm nhiều điểm dừng hơn để có sự pha trộn phong phú hơn. Bạn có thể sử dụng tối đa tám điểm dừng.
Làm cách nào để kiểm soát hướng của dải màu?
Đối với dải màu tuyến tính (linear) hoặc hình nón (conic), thanh trượt góc sẽ thiết lập hướng — 0° hướng lên trên, 90° hướng sang phải. Dải màu tỏa tròn (radial) không có góc; thay vào đó, hãy chọn hình dạng vòng tròn hoặc hình elip để thay đổi cách nó lan tỏa.