WebGradients - 180+ lineaaristen gradienttien verkkokirjasto CSS ssä

Niin monien vapaan koodin generaattoreiden avulla verkossa on helppo luoda omia kaltevuuksia. Ongelmana on kuitenkin löytää oikeat värit, jotka sopivat sivustoosi, napsautettavaksi -toimintopainikkeeseesi tai mihin tahansa muuhun suunnitteluun.

WebGradients tarjoaa a vapaata kirjastoa gradienteista, joita voit selata ja kaivaa viileitä ideoita. Nämä ovat täysin ilmaisia ​​ja ne kaikki sisältävät CSS3-lähdekoodin yhdessä PNG: n kanssa.

Itse asiassa koko sovellus on saatavilla GitHubissa, joka tarjoaa melko paljon kaiken painikkeen painalluksella.

Voit ladata täyden kaltevuuden paketin suoraan GitHubista raaka-CSS-koodeiksi tyylitiedostotiedoston sisällä. Voit myös ladata gradientit raakaksi PNG-tiedostoksi, Sketch-tiedostoksi tai Photoshopin PSD-tiedostoksi.

Tämä on todella massiivinen kokoelma ilmaisia ​​kaltevuuksia, joiden pitäisi auttaa kaikkia web-suunnittelijoita. Sinä pystyt käytä tätä suunnitteluprosessin jokaisessa vaiheessa web-mockup-suunnittelusta aina frontend-koodaukseen asti.

Jos napsautat mitä tahansa gradienttiympyrästä, saat koko näkymän koko sivulle. Näin voit nähdä, miten kaltevuus näyttää taustalta, melko viileältä!

Lisäksi löydät oikeassa yläkulmassa olevan latauspainikkeen ja linkin CSS: n kopioimiseksi leikepöydälle.

Molemmat PSD- ja Sketch-tiedostot yhdistetään navariin, jossa ne ovat Gumroadissa.

Yleensä ihmiset käyttävät Gumroadia online-kauppiaana, mutta monet suunnittelijat julkaisevat tavaransa ilmainen vapaaehtoisella palkinnolla. Kun lataat tiedostoja, voit lisätä vihjeitä, jos haluat, mutta molemmissa tapauksissa sekä luonnos että PSD-tiedostot vapautetaan ilmaiseksi.

Kaikki tämän luettelon kaltevuudet eivät toimi sivustossasi. Mutta se on melko kattava galleria 180 kaltevuutta niin on varmasti jotain tässä.