WebGradients - 180+ lineaarsete gradientide veebiraamat CSS-is
Nii palju vaba koodi genereerijaid veebis on lihtne luua oma gradiente. Kuid probleemiks on õige värvi leidmine, mis sobiks teie veebisaidi, klõpsutegevusega nupu või mis tahes muu kujundusega.
WebGradients pakub a tasuta gradientide raamatukogu, mida saate sirvida ja kaevake jahedad ideed. Need on täiesti vabad ja kõik sisaldavad CSS3 lähtekoodi koos PNG-dega.
Tegelikult on kogu rakendus saadaval GitHubis, mis pakub ühe nupuvajutusega päris palju kõike.
Kogu gradientpaketi saate alla laadida otse GitHubist kui toor-CSS-koodid stiilifaili sees. Või saate gradiente alla laadida toores PNG-failina, sketch-failina või Photoshopi PSD-failina.
See on tõeliselt suur kogum vaba kaldeid, mis peaksid aitama veebi disainerit. Sa saad kasutage seda iga projekteerimisprotsessi etapis veebipõhisest makettide disainist kuni frontendikoodimiseni.
Kui klõpsate mõnele gradiendi ringile, saate kogu lehekülje kohta laiendatud vaate. See võimaldab teil näha, kuidas gradient näeks tausta, päris lahe efekti!
Lisaks leiate üleval paremas nurgas allalaadimisnupu koos lingiga CSS-i kopeerimiseks otse lõikepuhvrisse.
Mõlemad PSD- ja Sketch-failid on seotud navariga, kus nad on Gumroadis.
Tavaliselt kasutavad inimesed Gumroadi online-kaupmehena, kuid paljud disainerid vabastavad oma asjad tasuta valikulise tasu eest. Failide allalaadimisel saate soovi korral lisada näpunäite, kuid mõlemal juhul vabaneb nii sketch- kui ka PSD-fail.
Mitte kõik selles loendis olevad gradiendid teie veebisaidi jaoks ei toimi. Aga see on üsna terviklik galerii 180 kraadi nii et siin on kindlasti midagi, mis sulle meeldib.