WebGradients - Online biblioteka 180+ liniowych gradientów w CSS

Przy tak wielu darmowych generatorach kodu w sieci łatwo jest tworzyć własne gradienty. Ale problem polega na znalezieniu odpowiednich kolorów, które pasują do Twojej witryny, przycisku Click-to-Action lub innych elementów, które projektujesz.

WebGradients oferuje bezpłatna biblioteka gradientów, którą możesz przeglądać i wykopuj fajne pomysły. Są one całkowicie darmowe i zawierają kod źródłowy CSS3 wraz z PNG.

W rzeczywistości cała aplikacja jest dostępna na GitHub, który oferuje prawie wszystko za jednym kliknięciem.

Możesz pobrać pełny pakiet gradientów prosto z GitHub jako surowe kody CSS w pliku arkusza stylów. Możesz też pobrać gradienty jako surowe pliki PNG, plik szkicu lub plik PSD dla Photoshopa.

To naprawdę ogromny zbiór wolnych gradientów, które powinny pomóc każdemu projektantowi stron internetowych. Możesz używaj tego na każdym etapie procesu projektowania od projektu makiety internetowej po kodowanie frontendowe.

Jeśli klikniesz dowolne kółko gradientu, uzyskasz pełny widok rozwinięty na całej stronie. Pozwala to zobaczyć, jak gradient wyglądałby jako tło, całkiem fajny efekt!

Plus znajdziesz przycisk pobierania w prawym górnym rogu wraz z linkiem do kopiowania CSS bezpośrednio do schowka.

Oba pliki PSD i Szkic są połączone na pasku nawigacyjnym, gdzie są przechowywane na Gumroad.

Zazwyczaj ludzie używają Gumroad jako sprzedawcy online, ale wielu projektantów wydaje swoje rzeczy bezpłatnie z opcjonalnym napiwkiem. Podczas pobierania plików możesz dodać wskazówkę, jeśli chcesz, ale tak czy inaczej, zarówno Szkic, jak i pliki PSD zostaną zwolnione za darmo.

Nie każdy gradient na tej liście będzie działał na Twojej stronie. Ale to dość obszerna galeria z 180 gradientów więc jest tu coś, co może ci się spodobać.