CoolHue Hand-Picked Pastel Webová gradientová knižnica

Webové prechody sú v týchto dňoch desiatkami, pretože CSS3 umožňuje vytvárať gradienty tak veľmi ľahko a so správnou knižnicou kódov je to ešte jednoduchšie.

To je miesto, kde prichádza hodnota coolHue. Táto bezplatná online knižnica je snáď najlepším miestom nájsť úžasné prechody pre vaše stránky.

Väčšina sklonov nasleduje veľmi jasný dvojfarebný alebo trojfarebný pastelový výber. Prechody sú však ľahko editovateľné, takže môžete pracovať s ľubovoľnými stránkami.

Z hlavnej stránky nemusí vyzerať veľa. Je to zväčša zbierka ručne vybraných prechodov s rôznymi odtieňmi a farebnými možnosťami. Napriek tomu, ak navštívite repo GitHub, nájdete celý iný príbeh. Táto kolekcia je najlepšou voľbou na hľadanie prispôsobené farebné palety, všetky špeciálne navrhnuté pre webové stránky.

Je to tak jednoduché, aby ste tieto prechody prenášali aj do používateľského rozhrania mobilnej aplikácie. Ale zistil som, že sú najužitočnejšie s novšími trendmi v oblasti dizajnu, ako sú tieňové kvapky.

Pri úprave svojich stránok môžete preniesť farebné odtiene do vlastného poľa variabilná colorData. Toto by sa malo objaviť vo vašom hlavnom jazyku HTML spolu so všetkými prvkami vášho gradientu.

Pomocou jazyka JavaScript máte úplnú kontrolu nad tým, ako sa farby zmiešajú. CSS3 môže tiež podporovať viacero farieb, ale je to náročnejšie, ak pracujeme na všetkých elementoch stránok a všetkých prehliadačoch.

Prostredníctvom stránky coolHue môžete dokonca Stiahnite si zadarmo PNG súbory prechodov. Týmto spôsobom ich môžete upraviť do grafických návrhov, webových modelov alebo ich použiť mimo surového kódu HTML / CSS / JS.

A ak ste veľkým používateľom aplikácie Photoshop, existuje dokonca aj súbor gradientu .grd so všetkými prechodmi v režime coolHue. Úžasné právo?

Navštívte repo spoločnosti GitHub pre pokyny pre nastavenie a vzorové úryvky kódu. Nájdete tu aj súbor gradientov PS spolu so súborom gradientu Sketch a oveľa viac.