Blend si vlastní CSS přechody s touto bezplatnou webovou aplikaci

Každý web designer by měl vědět CSS3 přechody. Byli už léta a jsou široce podporováni všemi hlavními prohlížeči.

A teď, bezplatné webové aplikace, jako je Směs vám umožní vytvářet přechody CSS3 za letu vizuální editory v prohlížeči. Můžete si vybrat mezi lineární a radiální gradienty při pohrávání se s barvami.

Počáteční stránka se načte dvě plné barvy na druhé straně. Můžete použít barevné palety přepínat mezi odstíny nebo zadat znak ruční HEX kód pokud znáte barvu, kterou chcete. Jakmile máte dvě barvy, které se vám líbí, klepněte na tlačítko “Spojme se” tlačítko ve středu.

Obě barvy se prolínají do gradientu CSS3 upravitelné možnosti v horní části stránky. Můžete si vybrat mezi lineární gradienty & radiální gradienty, a pokud používáte lineární styl, můžete přetáhněte středové umístění celé stránky.

Plus, zatímco vy v režimu prolnutí stále se můžete vrátit změnit barvy dole. Je to jako dokonalý kódový generátor CSS3, který potřebuje každý návrhář.

Jakmile máte dvě barvy, které se vám líbí, můžete kliknout na tlačítko ikona závorky kódu v pravém horním rohu. To přináší a okno s kódem CSS můžete kopírovat / vkládat do vašich stylů.

Blend je bezplatný nástroj vytvořený designérem NYC Colinem Keanym. Je to také hostované na jeho stránkách, ačkoliv nevidím odkaz na GitHub ani žádný volný zdrojový kód nikde. Ale psal případová studie podrobně popisuje jeho proces vytváření Blend se všemi jeho praktickými funkcemi.

Bohužel, aktuální verze nepodporuje více než dvě barvy. V budoucnu ale přejedu prsty pro vícebarevné možnosti.

Protože si nemůžete stáhnout místní kopii, doporučuji záložku Blend pro budoucí použití. Je to ideální cesta testovací gradienty bez opakované úpravy šablony stylů.

A pokud se chcete podělit o své nápady nebo jen poděkovat za tento nástroj, můžete tweetovat Colin @colinkeany.