WebGradients - 180+ lineáris gradiens online könyvtár a CSS-ben

A weben oly sok szabad kódgenerátorral könnyedén létrehozhatja saját színátmeneteit. De a baj az, hogy megtaláljuk a megfelelő színeket, hogy megfeleljenek a webhelyednek, a Click-to-Action gombra, vagy bármi más, amit tervezel.

A WebGradients a ingyenes színátmenetek könyvtára, melyeket böngészhet és ásni jó ötleteket. Ezek teljesen ingyenesek, és mindegyikük tartalmazza a CSS3 forráskódját a PNG-kkel együtt.

Valójában a teljes alkalmazás elérhető a GitHub-on, ami egy csomó gombnyomásra elég sok mindent kínál.

A teljes gradiens csomagot közvetlenül a GitHub-ból töltheti le a nyers CSS kódok közé egy stíluslap fájlban. Vagy letöltheti a színátmeneteket nyers PNG fájlként, vázlatfájlként vagy a Photoshop PSD fájljaként.

Ez valóban hatalmas ingyenes színátmenetek gyűjteménye, amelyek segítenek a webes tervezőknek. tudsz használja ezt a tervezési folyamat minden lépésében a webes makett kialakításától egészen a frontend kódolásig.

Ha a színátmenet bármelyikére kattint, a teljes oldalra kiterjedő teljes nézet jelenik meg. Ez lehetővé teszi, hogy lássuk, hogyan fog kinézni a színátmenet mint egy háttér, egy nagyon jó hatás!

A jobb felső sarokban egy letöltési gombot is talál, valamint egy linket a CSS-nek a vágólapra való másolásához.

A PSD és a vázlatfájlok mindegyike összekapcsolódik a navigációs sávban, ahol a Gumroad-on található.

Általában az emberek online kereskedőként használják a Gumroadt, de sok tervező kiadja a dolgokat ingyenesen választható díjjal. Ha letölti a fájlokat, akkor hozzáadhat egy tippet, ha akarja, de mindkettő mind a vázlat, mind a PSD fájlokat szabadon kiadja.

Ebben a listában nem minden gradiens működik a webhelyén. De ez eléggé átfogó galéria 180 gradiens úgyhogy itt van valami, amit szeretnél.