Gradient Generator

Khái niệm chính

Gradient CSS là ảnh nền, không phải background-color đặc. Gradient tuyến tính theo góc hoặc từ khóa như to right; xuyên tâm lan từ tâm. Mỗi điểm dừng thêm một màu trên đường đó. Công cụ xuất một khai báo background để dán vào stylesheet. Không xuất quy tắc hover, animation hay tiền tố nhà sản xuất.

Điểm dừng cứng (hai màu cùng phần trăm) trông như sọc. Pha mềm dùng phần trăm khác nhau. Hex và RGB từ bộ chọn đều dùng được. Tạo chỉ trong trình duyệt. Muốn trong suốt, sửa CSS đã sao chép thành rgba/hsla — bộ chọn thường là hex đặc.

Ví dụ

Gradient tuyến tính từ #4f46e5 đến #06b6d4 về phía dưới phải là nền hero phổ biến. Thêm điểm giữa 50% cho pha ba màu. Sao chép giá trị sau background: và dùng nguyên. Hero thường đẹp gần 135deg trên lớp phủ ảnh. Nút hay dùng 180deg (sáng hơn một chút ở trên). Khi thử lại cùng dữ liệu, đặt lại trước để không lẫn kết quả cũ. Máy dùng chung thì xóa ô khi xong. Đóng thẻ là mất nội dung đã dán; không cần gửi yêu cầu xóa lên máy chủ. Tên nút trùng công cụ trên đầu trang. Nếu kết quả trống, kiểm tra ô bắt buộc và lỗi đang ẩn.

Liên quan: Tạo bóng hộp · Chọn màu