WebGradients - online knihovna 180 + lineární přechody v CSS
S tolika generátory volného kódu na webu je snadné vytvořit si vlastní přechody. Problém je však nalezení správných barev, které odpovídají vašim webovým stránkám, tlačítku Click-to-Action nebo cokoli, co navrhujete.
WebGradients nabízí a bezplatnou knihovnu přechodů můžete procházet a vykopat skvělé nápady. Ty jsou zcela zdarma a všechny obsahují zdrojový kód CSS3 spolu s PNG.
Ve skutečnosti, celá aplikace je k dispozici na GitHub, který nabízí téměř vše, co kliknutím na tlačítko.
Úplný balíček přechodu si můžete stáhnout přímo z GitHub jako raw CSS kódy uvnitř souboru stylů. Nebo si můžete stáhnout přechody jako raw PNG soubory, Sketch soubor nebo PSD soubor pro Photoshop.
To je opravdu masivní kolekce volného přechody, které by měly pomoci každému web designer. Můžeš použít pro každý krok procesu návrhu od návrhu webové makety až po kódování frontendu.
Pokud kliknete na některý z kruhů přechodu, zobrazí se celé zobrazení rozšířené po celé stránce. To vám umožní vidět, jak by gradient vypadal jako pozadí, což je docela cool efekt!
Navíc v pravém horním rohu najdete tlačítko ke stažení spolu s odkazem pro kopírování CSS přímo do vaší schránky.
Soubory PSD i Sketch jsou propojeny v navbar, kde jsou umístěny na Gumroad.
Typicky lidé používají Gumroad jako on-line obchodník, ale mnoho návrhářů uvolnit své věci pro zdarma s volitelnou odměnou. Když stahujete soubory, můžete přidat tip, pokud chcete, ale oba způsoby jsou jak Skica tak PSD soubory uvolněny zdarma.
Ne každý gradient v tomto seznamu bude fungovat pro vaše webové stránky. Ale je to poměrně komplexní galerie s 180 gradientů takže tady musí být něco, co by se vám mohlo líbit.