Thư viện Gradient Web Pastel chọn bằng tay của CoolHue

Độ dốc web là rất nhiều ngày nay vì CSS3 giúp dễ dàng tạo độ dốc từ đầu và với thư viện mã phù hợp, điều đó thậm chí còn dễ dàng hơn.

Đó là nơi giá trị của coolHue đến. Thư viện trực tuyến miễn phí này có lẽ là nơi tốt nhất để tìm độ dốc tuyệt vời cho trang web của bạn.

Hầu hết các gradient đều tuân theo lựa chọn phấn màu hai màu hoặc ba màu rất sáng. Nhưng độ dốc rất dễ chỉnh sửa để bạn có thể làm cho chúng hoạt động với bất kỳ trang web nào.

Từ trang chính, nó có thể không giống nhiều. Đây chủ yếu là một bộ sưu tập các gradient được chọn bằng tay với các lựa chọn màu sắc và màu sắc khác nhau. Tuy nhiên, nếu bạn truy cập repo GitHub, bạn sẽ tìm thấy một câu chuyện hoàn toàn khác. Bộ sưu tập này là sự lựa chọn tốt nhất để tìm kiếm bảng màu cá nhân, tất cả được thiết kế đặc biệt cho các trang web.

Cũng đủ dễ dàng để chuyển các gradient này vào giao diện người dùng ứng dụng di động. Nhưng tôi thấy chúng hữu dụng nhất với các xu hướng thiết kế mới hơn như đổ bóng.

Khi chỉnh sửa trang web của bạn, bạn có thể chuyển màu sắc vào một mảng tùy chỉnh biến màuData. Điều này sẽ xuất hiện bên trong HTML chính của bạn cùng với tất cả các yếu tố gradient của bạn.

Sử dụng JavaScript, bạn có toàn quyền kiểm soát cách các màu hòa trộn với nhau. CSS3 cũng có thể hỗ trợ nhiều màu sắc nhưng khó hơn để chúng hoạt động trên tất cả các thành phần trang và tất cả các trình duyệt.

Với trang web coolHue, bạn thậm chí có thể tải xuống các tệp PNG miễn phí của độ dốc. Bằng cách này, bạn có thể chỉnh sửa chúng thành các dự án thiết kế đồ họa, mô phỏng trang web hoặc sử dụng chúng bên ngoài mã HTML / CSS / JS thô.

Và nếu bạn là một người dùng Photoshop lớn, thậm chí còn có tệp gradient .grd với tất cả các gradient coolHue. Tuyệt vời đúng không?

Truy cập repo GitHub để biết hướng dẫn thiết lập và đoạn mã mẫu. Ở đó, bạn cũng sẽ tìm thấy tệp độ dốc PS cùng với tệp Độ dốc phác thảo và hơn thế nữa.