WebGradients - online knižnica 180+ lineárnych prechodov v CSS

S toľkými bezplatnými generátormi kódu na webe je ľahké vytvoriť vlastné prechody. Problémom však je nájdenie správnych farieb, ktoré sa zhodujú s vašimi webovými stránkami, tlačidlom kliknutia alebo akýmkoľvek iným, čo navrhujete.

WebGradients ponúka a bezplatnú knižnicu gradientov, ktoré môžete prehľadávať a vykopať chladné nápady. Tieto sú úplne zadarmo a všetky obsahujú zdrojový kód CSS3 spolu s PNG.

V skutočnosti je celá aplikácia k dispozícii na GitHub, ktorá ponúka skoro všetko po kliknutí na tlačidlo.

Celú sadu gradientov môžete prevziať priamo z GitHub ako surových kódov CSS vo vnútri súboru šablón so štýlmi. Alebo si môžete stiahnuť gradienty ako súbory PNG, súbory Sketch alebo PSD pre Photoshop.

Je to naozaj masívna kolekcia voľných prechodov, ktorá by mala pomôcť ľubovoľnému webovému dizajnérovi. Môžeš použite to pre každý krok procesu návrhu od dizajnu webových modelov až po kódovanie frontend.

Ak kliknete na ľubovoľný kruh s gradientom, zobrazí sa celá pohľad zobrazená na celej stránke. Umožňuje vám zistiť, ako bude gradient vyzerať ako pozadie, čo je skvelý efekt!

Okrem toho nájdete tlačidlo na prevzatie v pravom hornom rohu spolu s odkazom na kopírovanie CSS priamo do schránky.

Obe súbory PSD a Sketch sú prepojené vo navigačnom paneli, na ktorom sú umiestnené na Gumroad.

Obyčajne ľudia používajú Gumroad ako obchodníka online, ale mnohí dizajnéri uvoľňujú svoje veci bezplatne s voliteľnou bezplatnosťou. Pri preberaní súborov môžete pridať tip, ak chcete, ale v obidvoch prípadoch súbory Sketch a PSD uvoľnené zadarmo.

Nie každý prechod v tomto zozname bude fungovať pre vaše webové stránky. Ale je to celkom komplexná galéria 180 sklonov takže tu je tu niečo, čo by sa vám mohlo páčiť.