WebGradients - Online Knjižnica od 180 + Linear gradijenti u CSS

S tako mnogo besplatnih generatora koda na webu lako je stvoriti vlastite gradijente. Ali problem je pronaći prave boje koje odgovaraju vašoj web-lokaciji, gumb "klikni za radnju" ili bilo što drugo što dizajniraš.

WebGradients nudi a slobodna knjižnica gradijenta kroz koju možete pregledavati i iskopaj hladne ideje. Oni su potpuno besplatni i svi uključuju izvorni kod CSS3 zajedno s PNG-ovima.

Zapravo, čitava aplikacija dostupna je na GitHubu koji nudi gotovo sve na klik.

Cijeli paket gradijenta možete preuzeti izravno iz GitHub-a kao neobrađene CSS kodove unutar datoteke stilova. Ili možete preuzeti gradijente kao sirove PNG datoteke, datoteku Sketch ili PSD datoteku za Photoshop.

Ovo je doista velika zbirka besplatnih gradijenta koji bi trebali pomoći bilo kojem web dizajneru. Možeš koristite ga za svaki korak procesa dizajna od dizajna web mockup sve do frontend kodiranje.

Ako kliknete bilo koji krug gradijenta, prikazat će se puni prikaz na cijeloj stranici. To vam omogućuje da vidite kako će gradijent izgledati kao pozadina, prilično cool učinak!

Osim toga, u gornjem desnom kutu pronaći ćete gumb za preuzimanje zajedno s vezom za kopiranje CSS-a izravno u vaš prijenosnik.

Obje datoteke PSD i Sketch povezane su u navigacijskoj traci gdje su smještene na Gumroadu.

Obično ljudi koriste Gumroad kao online trgovac, ali mnogi dizajneri objavljuju svoje stvari besplatno s dodatnom nagradom. Prilikom preuzimanja datoteka možete dodati savjet ako želite, ali u svakom slučaju i datoteke Sketch i PSD besplatno se objavljuju.

Nijedan gradijent na ovom popisu neće funkcionirati za vašu web-lokaciju. Ali to je prilično sveobuhvatna galerija 180 gradijenta tako da je ovdje nešto što bi vam se moglo svidjeti.