Gradient là gì?
Gradient (dải chuyển màu) là sự chuyển tiếp mượt mà giữa hai hay nhiều màu. Trong thiết kế web, gradient thường dùng cho nền, nút và phần đầu trang. Chúng tạo chiều sâu và cảm giác hiện đại chỉ với rất ít mã.
Gradient tuyến tính và tỏa tròn
Gradient tuyến tính đổi màu dọc theo một đường thẳng. Bạn chọn hướng bằng góc (0° là hướng lên, 90° là sang phải). Gradient tỏa tròn bắt đầu từ một điểm ở giữa và lan ra theo hình tròn. Công cụ này tạo được cả hai kiểu và cho bạn mã CSS đúng (linear-gradient hoặc radial-gradient).
Cách dùng trong CSS
Sao chép mã và dán vào thuộc tính background của phần tử. Bạn có thể thêm nhiều màu và sửa từng màu. Cần thêm một bảng màu hợp với gradient? Hãy xem kho bảng màu, hoặc kiểm tra độ tương phản trước khi đặt chữ lên trên.