„CoolHue Hand-Picked Pastel Web Gradient“ biblioteka

Žiniatinklio gradientai yra dešimtys šių dienų, nes „CSS3“ leidžia lengvai sukurti nuolydžius nuo nulio, o tinkama kodų biblioteka - dar lengviau.

Štai kur atsiranda coolHue vertė. Ši nemokama internetinė biblioteka yra geriausia vieta rasti nuostabius jūsų svetainės gradientus.

Dauguma gradientų seka labai ryškią dviejų spalvų arba trijų spalvų pastelinę atranką. Tačiau nuolydžiai yra lengvai redaguojami, todėl galite dirbti su bet kuria svetaine.

Iš pagrindinio puslapio jis gali neatrodyti daug. Tai dažniausiai renkamų gradientų kolekcija, kurioje yra skirtingi atspalviai ir spalvų pasirinkimas. Tačiau, jei lankotės „GitHub“ repo, rasite kitą istoriją. Ši kolekcija yra geriausias pasirinkimas ieškant personalizuotos spalvų paletės, visi specialiai sukurti svetainėms.

Taip pat lengva perkelti šiuos gradientus į mobiliosios programos vartotojo sąsają. Bet sužinojau, kad jie yra naudingiausi naudojant naujesnes dizaino tendencijas, pvz., Šešėliai.

Kai redaguojate svetainę, galite perduoti spalvų atspalvius į pritaikytą masyvą kintamosios spalvos duomenys. Tai turėtų pasirodyti pagrindiniame HTML, kartu su visais gradiento elementais.

Naudodami „JavaScript“ turite visiškai kontroliuoti, kaip spalvos susilieja. CSS3 taip pat gali palaikyti kelias spalvas, bet sunkiau jas gauti visuose puslapių elementuose ir visose naršyklėse.

Naudodami „coolHue“ svetainę galite net atsisiųsti nemokamus PNG failus iš gradientų. Tokiu būdu galite juos redaguoti į grafinio dizaino projektus, svetainių maketus arba naudoti juos ne iš žaliavinio HTML / CSS / JS kodo.

Ir jei esate didelis „Photoshop“ vartotojas, yra net .grd gradiento failas su visais „coolHue“ gradientais. Awesome right?

Apsilankykite „GitHub“ repo, kad gautumėte sąrankos instrukcijas ir kodo fragmentus. Čia taip pat rasite PS gradiento failą kartu su Sketch gradient failu ir dar daugiau.