Zmiešajte svoje vlastné prechody CSS pomocou tejto bezplatnej webovej aplikácie

Každý web dizajnér by mal vedieť Gradienty CSS3. Boli už roky a sú podporované všetkými hlavnými prehliadačmi.

A teraz, bezplatné webové aplikácie, ako napríklad zmes umožňuje vytvárať gradienty CSS3 za sebou vizuálnych editorov v prehliadači. Môžete si vybrať medzi lineárne a radiálne gradienty zatiaľ čo špliechanie s farbami na zmiešanie.

Počiatočná stránka sa načíta dve pevné farby na oboch stranách. Môžete použiť farebná paleta pre prehnutie medzi odtieňmi alebo zadanie a manuálny HEX kód ak poznáš požadovanú farbu. Keď máte dve farby, ktoré sa vám páčia, kliknite na tlačidlo “Zmiešame” gombík v centre.

Obe farby sa zmiešajú do gradientu CSS3 upraviteľné možnosti v hornej časti stránky. Môžete si vybrať medzi lineárne gradienty & radiálne gradienty, a ak používate lineárny štýl, ktorý môžete pretiahnite stredovú polohu celú stránku.

Plus, kým ste v režime miešania môžete sa vrátiť späť zmeniť farby na spodku. Je to ako perfektný generátor gradientov CSS3 bez kódov, ktorý každý dizajnér potrebuje.

Keď máte dve farby, ktoré sa vám páčia, môžete kliknúť na ikona zásuvného kódu v pravom hornom rohu. To prináša a okno s kódom CSS ktoré môžete kopírovať / prilepiť do štýlov.

Blend je bezplatný nástroj, ktorý vytvoril dizajnér NYC Colin Keany. Je to tiež hostil na svojich stránkach, aj keď nevidím odkaz na GitHub ani ľubovoľný bezplatný zdrojový kód kdekoľvek. Ale napísal prípadovú štúdiu podrobne popisuje proces vytvárania zmesi so všetkými jeho praktickými funkciami.

Bohužiaľ, aktuálna verzia nepodporuje viac ako dve farby. Ale prekračujem prsty v budúcnosti s viacerými farbami.

Keďže nemôžete prevziať lokálnu kópiu, odporúčam vám záložku Blend pre budúce použitie. Je to dokonalý spôsob skúšobné gradienty bez toho, aby ste opakovane upravovali svoj štýl.

A ak chcete zdieľať svoje nápady alebo len povedať vďaka za tento gradient nástroj môžete tweet Colin @ colinkeany.