WebGradients - et online bibliotek med 180 + lineære gradienter i CSS

Med så mange gratis kodegeneratorer på nettet er det nemt at lave dine egne gradienter. Men problemet er at finde de rigtige farver, så de passer til dit websted, din Click-to-Action-knap eller hvad du ellers designer.

WebGradients tilbyder a gratis bibliotek med gradienter du kan gennemse og grave op kølige ideer. Disse er helt gratis, og de indeholder alle CSS3-kildekoden sammen med PNG'er.

Faktisk er hele applikationen tilgængelig på GitHub, der tilbyder stort set alt ved et klik på en knap.

Du kan downloade den fulde gradientpakke lige fra GitHub som rå CSS-koder i en stylesheet-fil. Eller du kan downloade gradienterne som rå PNG-filer, en Sketch-fil eller en PSD-fil til Photoshop.

Dette er virkelig en massiv samling af gratis gradienter, der skal hjælpe enhver webdesigner. Du kan brug dette til hvert trin i designprocessen fra web mockup design hele vejen til frontend kodning.

Hvis du klikker på en af ​​gradientcirklerne, får du en fuld visning udvidet over hele siden. Dette lader dig se, hvordan gradienten vil se ud som en baggrund, en temmelig cool effekt!

Plus du finder en download-knap i øverste højre hjørne sammen med et link til at kopiere CSS til dit udklipsholder.

Både PSD og Sketch-filerne er forbundet i navbjælken, hvor de er vært på Gumroad.

Typisk bruger folk Gumroad som en online-købmand, men mange designere frigiver deres ting til gratis med valgfri drikkepenge. Når du downloader filerne, kan du tilføje et tip, hvis du vil, men på en måde frigives både Sketch- og PSD-filerne gratis.

Ikke hver gradient i denne liste vil fungere for din hjemmeside. Men det er et temmelig omfattende galleri med 180 gradienter så der er bundet til at være noget her, du kan lide.