Ręcznie zbierana pastelowa biblioteka gradientów CoolHue

Gradienty internetowe są obecnie dziesięcioma tuzinami, ponieważ CSS3 ułatwia tworzenie gradientów od podstaw, a dzięki odpowiedniej bibliotece kodów jest jeszcze łatwiejsza.

W tym właśnie tkwi wartość coolHue. Ta bezpłatna biblioteka online jest prawdopodobnie najlepszym miejscem znaleźć niesamowite gradienty dla swojej witryny.

Większość gradientów ma bardzo jasny dwukolorowy lub trójkolorowy pastelowy wybór. Ale gradienty są łatwe do edycji, dzięki czemu można je wykorzystać w dowolnej witrynie.

Na stronie głównej może nie wyglądać zbyt wiele. To przede wszystkim zbiór ręcznie wybranych gradientów o różnych odcieniach i kolorach. Jeśli jednak odwiedzisz repozytorium GitHub, znajdziesz zupełnie inną historię. Ta kolekcja jest najlepszym wyborem do znalezienia spersonalizowane palety kolorów, wszystkie specjalnie zaprojektowane dla stron internetowych.

Łatwo jest również przenieść te gradienty do aplikacji mobilnej. Ale okazało się, że są one najbardziej przydatne w nowszych trendach projektowych, takich jak cienie.

Podczas edycji witryny możesz przekazuj odcienie kolorów do niestandardowej tablicy zmienna colorData. To powinno pojawić się wewnątrz twojego głównego HTML wraz ze wszystkimi elementami gradientu.

Używając JavaScript masz pełną kontrolę nad sposobem łączenia kolorów. CSS3 może również obsługiwać wiele kolorów, ale trudniej jest je obsługiwać we wszystkich elementach strony i we wszystkich przeglądarkach.

Z witryną coolHue możesz nawet pobierz bezpłatne pliki PNG gradientów. W ten sposób możesz edytować je w projektach graficznych, makietach stron internetowych lub używać ich poza surowym kodem HTML / CSS / JS.

A jeśli jesteś dużym użytkownikiem programu Photoshop, istnieje nawet plik gradientu .grd ze wszystkimi gradientami coolHue. Niesamowite prawo?

Odwiedź repozytorium GitHub, aby uzyskać instrukcje dotyczące konfiguracji i fragmenty kodu przykładowego. Znajdziesz tam również plik gradientu PS wraz z plikiem gradientowym Sketch i wiele więcej.