CoolHue Hand-Picked Pastel Web Gradient Library

Web přechody jsou desetník tucet v těchto dnech, protože CSS3 je tak snadné vytvářet přechody od nuly, a se správnou knihovnu kódů, je to ještě jednodušší.

To je místo, kde hodnota coolHue přichází. Tato bezplatná online knihovna je možná tím nejlepším místem najít úžasné přechody pro vaše stránky.

Většina gradientů sleduje velmi jasný dvoubarevný nebo tříbarevný pastel. Přechody se však snadno upravují, takže můžete pracovat s libovolným webem.

Z hlavní stránky nemusí vypadat moc. Jedná se především o sbírku ručně vybíraných přechodů s různými odstíny a volbami barev. Pokud však navštívíte repo GitHub, najdete tu další příběh. Tato kolekce je nejlepší volbou pro nalezení personalizované barevné palety, vše speciálně určené pro webové stránky.

Je také snadné portovat tyto přechody také do uživatelského rozhraní mobilní aplikace. Ale zjistil jsem, že jsou nejužitečnější s novějšími trendy designu, jako jsou stíny.

Při úpravách svých stránek můžete předat barevné odstíny do vlastního pole variabilní colorData. To by se mělo objevit ve vašem hlavním HTML spolu se všemi prvky přechodu.

Pomocí JavaScriptu máte úplnou kontrolu nad tím, jak se barvy prolínají. CSS3 může také podporovat více barev, ale je to těžší, aby jim pracovat přes všechny prvky stránky a všechny prohlížeče.

S webem coolHue můžete dokonce stáhnout zdarma PNG soubory přechodů. Tímto způsobem je můžete upravovat do projektů grafického designu, maket stránek nebo je používat mimo kód HTML / CSS / JS.

A pokud jste velký uživatel Photoshopu, existuje i gradientový soubor .grd se všemi přechody coolHue. Skvělé právo?

Pokyny k nastavení a ukázkové útržky kódu naleznete v repo programu GitHub. Najdete zde také soubor přechodu PS spolu se souborem přechodu Skica a mnohem více.