Chuyển đến nội dung chính
eyunzhu

Tạo dải chuyển màu CSS

Thiết kế chuyển màu tuyến tính hoặc xuyên tâm với hai đến tám điểm màu, xem trực tiếp và sao chép CSS.

Chế độ
Xử lý ngay trong trình duyệt. Không tải lên hay lưu dữ liệu.

Giới thiệu công cụ

Điều chỉnh vùng chuyển màu của nền bằng vị trí điểm màu. Bản xem trước và mã dùng cùng một bộ giá trị.

Cách sử dụng

Chọn kiểu, màu và vị trí; chỉnh góc khi dùng tuyến tính. Thêm hoặc xóa điểm để xem ngay thay đổi. Các điểm được xếp theo vị trí; trùng vị trí tạo ranh giới sắc. Hỗ trợ 2–8 điểm từ 0–100 phần trăm và góc -360 đến 360 độ. Kiểu xuyên tâm dùng elip ở giữa.

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

Làm sao tạo ranh giới sắc giữa hai màu?

Đặt hai điểm khác màu tại cùng một vị trí phần trăm. Các điểm được sắp theo vị trí. Tệp tải xuống là CSS, không phải ảnh gradient.

Góc của chuyển màu tuyến tính chỉ về hướng nào?

Theo CSS, 0° hướng lên và 90° hướng sang phải. Kiểu tỏa tròn dùng hình elip ở giữa, không dùng góc. Khi dán vào quy tắc CSS, hãy sao chép toàn bộ khai báo background.

Bình luận

0
để tham gia thảo luận.
Chưa có bình luận.
Chuỗi trả lời

Theo dõi toàn bộ cuộc trò chuyện theo thời gian; mỗi câu trả lời cho biết chính xác tin nhắn được phản hồi.