CSS gradient

Gradient tuyến tính pha màu theo đường thẳng ở góc đã chọn. Tỏa tròn lan từ tâm ra ngoài, hình nón quét quanh tâm như vòng màu.

Di chuyển từng điểm dừng trong khoảng 0%–100% để điều khiển điểm bắt đầu và kết thúc, rồi sao chép CSS.

Gradient CSS do trình duyệt hiển thị mà không cần tải ảnh, nên sắc nét ở mọi độ phân giải.

Hầu hết giao diện chỉ cần hai đến ba điểm dừng. Quá nhiều điểm dừng không tốn nhiều hiệu năng nhưng khó bảo trì.