CoolHue Hand-Picked Pastel Web gradienta bibliotēka

Web slīpumi šajās dienās ir desmiti, jo CSS3 ļauj tik viegli izveidot gradientus no nulles, un ar pareizo kodu bibliotēku tas ir vēl vieglāk.

Tas ir, ja inženiertehniskā vērtība nāk. Šī bezmaksas tiešsaistes bibliotēka, iespējams, ir labākā vieta atrast jūsu vietnes awesome gradientus.

Lielākā daļa gradientu seko ļoti spilgtai divkrāsu vai trīs krāsu pasteļu izvēlei. Bet gradienti ir viegli rediģējami, lai jūs varētu saņemt šos darbus ar jebkuru vietni.

No galvenās lapas tas var neizskatīties daudz. Tas lielākoties ir kolekcija ar rokām izvēlētiem gradientiem, kuros ir dažādas nokrāsas un krāsu izvēle. Tomēr, ja jūs apmeklējat GitHub repo, jūs atradīsiet citu stāstu. Šī kolekcija ir labākā izvēle, lai atrastu personalizētas krāsu paletes, visi ir īpaši izstrādāti tīmekļa vietnēm.

Tas ir pietiekami vienkārši, lai šos gradientus pārvietotu arī mobilo lietotņu lietotāja interfeisā. Bet es atklāju, ka viņi ir visnoderīgākie ar jaunākām dizaina tendencēm, piemēram, ēnu nokrišņiem.

Rediģējot jūsu vietni, varat nodot krāsu nokrāsas pielāgotā masīvā mainīgs colorData. Tas jāiekļauj galvenajā HTML kopā ar visiem jūsu gradienta elementiem.

Izmantojot JavaScript, jums ir pilnīga kontrole pār to, kā krāsas saplūst. CSS3 var arī atbalstīt vairākas krāsas, bet tas ir grūtāk, lai tos varētu izmantot visos lapu elementos un visos pārlūkos.

Ar coolHue vietni var pat lejupielādējiet bezmaksas gradientu PNG failus. Tādā veidā jūs varat rediģēt tos grafiskā dizaina projektos, tīmekļa vietņu maketos vai izmantot tos ārpus neapstrādāta HTML / CSS / JS koda.

Un, ja jūs esat liels Photoshop lietotājs, tur ir arī .grd gradienta fails ar visiem coolHue gradientiem. Awesome right?

Apmeklējiet GitHub repo, lai iegūtu uzstādīšanas instrukcijas un koda fragmentus. Tur jūs atradīsiet arī PS gradienta failu kopā ar skices gradienta failu un vēl daudz vairāk.