WebGradients - Spletna knjižnica 180+ linearnih gradientov v CSS

S tako veliko brezplačnimi generatorji kod na spletu lahko preprosto ustvarite svoje prelome. Toda težava je najti prave barve, ki se ujemajo z vašo spletno stranjo, vaš gumb »klikni za ukrepanje« ali karkoli drugega načrtujete.

WebGradients ponuja a brezplačno knjižnico prelivov, ki jo lahko pregledujete in izkopljemo kul ideje. Ti so popolnoma brezplačni in vsi vsebujejo izvorno kodo CSS3 skupaj s PNG-ji.

Pravzaprav je celotna aplikacija na voljo na GitHubu, ki ponuja precej vsega s klikom na gumb.

Celoten gradientni paket lahko prenesete neposredno iz GitHuba kot surove kode CSS znotraj datoteke s slogi. Lahko prenesete gradiente kot surove datoteke PNG, datoteko Skica ali datoteko PSD za Photoshop.

To je resnično velika zbirka brezplačnih gradientov, ki naj bi pomagala vsem spletnim oblikovalcem. Ti lahko to uporabite za vsak korak procesa načrtovanja od oblikovanja spletnega mockupa vse do kodiranja v frontend.

Če kliknete katerega koli od prelivnih krogov, boste dobili celoten pogled na celotno stran. To vam omogoča, da vidite, kako bi preliv izgledal kot ozadje, kar je zelo kul učinek!

Poleg tega boste v zgornjem desnem kotu našli gumb za prenos in povezavo za kopiranje CSS-ja v odložišče.

Obe datoteki PSD in Sketch sta povezani v navigacijski vrstici, kjer se gostita na Gumroad.

Običajno ljudje uporabljajo Gumroad kot spletni trgovec, vendar mnogi oblikovalci objavljajo svoje stvari brezplačno z opcijsko nagrado. Ko prenašate datoteke, lahko dodate tip, če želite, vendar so datoteke Sketch in PSD sproščene brezplačno.

Vsak gradient na tem seznamu ne bo deloval za vaše spletno mesto. Ampak to je dokaj obsežna galerija 180 gradientov Torej je tu nekaj, kar bi ti lahko bilo všeč.