WebGradients - Ett online-bibliotek med 180 + linjära gradienter i CSS

Med så många fri kodgeneratorer på webben är det enkelt att skapa egna gradienter. Men problemet är att hitta rätt färger för att matcha din webbplats, din Click-to-Action-knapp eller vad som helst du utformar.

WebGradients erbjuder a gratis bibliotek med gradienter du kan bläddra igenom och gräva svala idéer. Dessa är helt gratis och de innehåller alla CSS3 källkoden tillsammans med PNGs.

Faktum är att hela applikationen är tillgänglig på GitHub, som erbjuder ganska mycket allt med ett enkelt klick.

Du kan ladda ner det fullständiga gradientpaketet direkt från GitHub som råa CSS-koder i en stylesheet-fil. Eller du kan ladda ner gradienterna som råa PNG-filer, en skissfil eller en PSD-fil för Photoshop.

Det här är verkligen en massiv samling gratis gradienter som borde hjälpa någon webbdesigner. Du kan använd detta för alla steg i konstruktionsprocessen från webmockup-design hela vägen till frontend-kodning.

Om du klickar på någon av gradientcirklarna får du en fullständig vy som expanderas över hela sidan. Detta låter dig se hur gradienten skulle se ut som en bakgrund, en ganska cool effekt!

Dessutom hittar du en nedladdningsknapp i det övre högra hörnet tillsammans med en länk för att kopiera CSS direkt till ditt urklipp.

Både PSD och Sketch-filerna är länkade i navbaren där de är värd på Gumroad.

Vanligtvis använder människor Gumroad som en online-handlare men många designers släpper ut sina saker för gratis med valfri gottgörelse. När du hämtar filerna kan du lägga till ett tips om du vill, men båda sätten frigörs både sketch- och PSD-filerna gratis.

Inte varje gradient i denna lista kommer att fungera för din webbplats. Men det är ett ganska omfattande galleri med 180 gradienter så det måste vara något du kanske vill ha.