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 et 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 skal hjelpe alle webdesignere. Du kan bruke 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 graden 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 frigjør sine ting gratis med valgfritt 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.