Kotisivu » Toolkit » CoolHue Hand-Picked Pastel Web Gradient -kirjasto

    CoolHue Hand-Picked Pastel Web Gradient -kirjasto

    Web-kaltevuudet ovat kymmenkunta tänä päivänä, koska CSS3: n avulla on helppo luoda kaltevuudet tyhjästä, ja oikean koodikirjaston avulla se on vielä helpompaa.

    Siellä tulee sisään coolHue-arvo. Tämä ilmainen online-kirjasto on ehkä paras paikka löytää mahtavia kaltevuudet sivustollesi.

    Useimmat kaltevuudet noudattavat hyvin kirkkaita kaksivärisiä tai kolmivärisiä pastellivalintoja. Mutta kaltevuudet ovat helposti muokattavissa, jotta voit saada ne työskentelemään minkä tahansa sivuston kanssa.

    Pääsivulta se ei ehkä näytä paljon. Se on useimmiten kokoelma käsin poimittuja gradientteja, joissa on erilaisia ​​sävyjä ja värivalintoja. Jos kuitenkin vierailet GitHub-repossa, löydät kaiken muun tarinan. Tämä kokoelma on paras valinta löytämiseen henkilökohtaisia ​​väripaletteja, kaikki on suunniteltu erityisesti verkkosivuille.

    On myös helppoa siirtää nämä kaltevuudet mobiilisovelluksen käyttöliittymään. Mutta olen huomannut, että he ovat kaikkein käyttökelpoisimpia uusimpien suunnittelusuunnitelmien, kuten varjojen varjojen, kanssa.

    Kun muokkaat sivustoa, voit siirtää värisävyt mukautettuun ryhmään muuttuja colorData. Tämän pitäisi näkyä pää HTML-koodissa kaikkien gradienttielementtien ohella.

    JavaScriptin avulla voit hallita täydellisesti värien sekoittumista. CSS3 voi myös tukea useita värejä, mutta se on vaikeampaa saada ne työskentelemään kaikkien sivuelementtien ja kaikkien selainten kesken.

    CoolHue-sivuston avulla voit jopa ladata gradienttien ilmaisia ​​PNG-tiedostoja. Näin voit muokata niitä graafisen suunnittelun hankkeisiin, verkkosivuston makroihin tai käyttää niitä raaka HTML / CSS / JS-koodin ulkopuolella.

    Ja jos olet suuri Photoshop-käyttäjä, siellä on jopa .grd-gradienttitiedosto, jossa on kaikki coolHue-kaltevuudet. Mahtava oikeus?

    Käy GitHub-repossa, jossa on asennusohjeita ja koodikoodinpätkiä. Siellä löydät myös PS-gradienttitiedoston yhdessä Sketch-gradienttitiedoston kanssa ja paljon muuta.