WebGradients - Et nettbasert bibliotek med 180 + lineære gradienter i CSS

Med så mange gratis kode generatorer på nettet er det enkelt å lage dine egne gradienter. Men problemet er å finne de riktige fargene for å matche nettstedet ditt, klikk-til-handling-knappen, eller hva annet du designer.

WebGradients tilbyr a gratis bibliotek med gradienter du kan bla gjennom og grave opp kule ideer. Disse er helt gratis, og de inneholder alle CSS3 kildekoden sammen med PNGs.

Faktisk er hele applikasjonen tilgjengelig på GitHub, som tilbyr stort sett alt ved et enkelt klikk.

Du kan laste ned fullgradientpakken rett fra GitHub som rå CSS-koder i en stilarkfil. Eller du kan laste ned gradienter som rå PNG-filer, en Sketch-fil eller en PSD-fil for Photoshop.

Dette er virkelig en massiv samling av gratis gradienter som burde hjelpe alle webdesignere. Du kan bruk dette for hvert trinn i designprosessen fra web mockup design hele veien til frontend koding.

Hvis du klikker på en av gradientene, får du en full visning utvidet over hele siden. Dette lar deg se hvordan gradienten vil se ut som en bakgrunn, en ganske kul effekt!

I tillegg finner du en nedlastningsknapp i øverste høyre hjørne sammen med en lenke for å kopiere CSS til utklippstavlen.

Både PSD- og Sketch-filene er koblet i navbaren hvor de er vert på Gumroad.

Vanligvis bruker folk Gumroad som en nettbutikk, men mange designere slipper sine ting for gratis med valgfri drikkepenger. Når du laster ned filene, kan du legge til et tips hvis du vil, men uansett blir både Sketch- og PSD-filene gitt ut gratis.

Ikke alle gradientene i denne listen vil fungere for ditt nettsted. Men det er et ganske omfattende galleri med 180 gradienter så det er nødvendig å være noe her du kanskje vil.