CoolHue Ročno izbrana Pastel Web Gradient knjižnica

Spletni prelivi so v teh dneh ducat, saj CSS3 omogoča tako preprosto ustvarjanje prelivov iz nič in s pravo knjižnico kode je še lažje..

Tukaj pride vrednost coolHue. Ta brezplačna spletna knjižnica je morda najboljši kraj poiščite odlične gradiente za vaše spletno mesto.

Večina gradientov sledi zelo svetlemu dvobarvnemu ali tribarvnemu izboru pastelov. Toda prelivi so enostavno urejati, tako da jih lahko dobite s katerim koli spletnim mestom.

Na glavni strani morda ni videti veliko. To je predvsem zbirka ročno izbranih gradientov z različnimi odtenki in barvnimi možnostmi. Če pa obiščete GitHub repo, boste našli celo drugo zgodbo. Ta zbirka je najboljša izbira za iskanje prilagojene barvne palete, vse posebej oblikovane za spletne strani.

Preprosto je prepeljati te prelome v uporabniški vmesnik mobilne aplikacije. Ampak ugotovil sem, da so najbolj uporabne pri novejših trendih oblikovanja, kot so padajoče sence.

Ko urejate spletno mesto, lahko prenašajte barvne odtenke v prilagojeno polje spremenljivka colorData. To bi se moralo pojaviti v glavnem HTML-ju skupaj z vsemi elementi gradienta.

Z uporabo JavaScripta imate popoln nadzor nad združevanjem barv. CSS3 lahko podpira tudi več barv, vendar jih je težje pripraviti na delo z vsemi elementi strani in vsemi brskalniki.

S spletnim mestom coolHue lahko celo prenesite brezplačne PNG datoteke prelivov. Na ta način jih lahko urejate v grafičnih projektih, modelih spletnih mest ali jih uporabite zunaj surove kode HTML / CSS / JS..

In če ste velik uporabnik v Photoshopu, obstaja tudi .grd datoteka gradienta z vsemi gradienti coolHue. Čudovito prav?

Obiščite GitHub repo za navodila za namestitev in odrezke vzorčnih kod. Tam boste našli tudi datoteko gradienta PS skupaj z datoteko gradienta Sketch in še veliko več.