Valitse värit liukuvärin muodostamiseksi ja CSS 3 -koodin saamiseksi liukuvärillä [Mac]

CSS 3 -luokan määrittäminen värigradientille onkuluttava tehtävä, koska on löydettävä tarvittavat värisävyt ja sekoitettava ne sitten yhteen kaltevuuden muodostamiseksi. Kun kaltevuus luodaan, sen muuttaminen CSS3-koodiksi (kutsutaan sitä HTML5: ksi) ei ole ollenkaan helppoa; web-suunnittelijat kamppailevat usein eri värisävyjen tarkkojen HEX-arvojen löytämisestä luodakseen lopulta CSS-luokan värigradientille. Kaltevuus on pieni, tyylikäs sovellus Macille, jokaantaa sinun valita värejä muodostaakseen kaltevuuden, muuttaa kaltevuusmuotoja ja luoda CSS3-koodin gradientin lopulliselle versiolle, jota haluat käyttää verkkosivustosi tyylitiedostossa. Sovelluksen mukana toimitetaan RGB- ja HEX-värikoodieditorit, joiden avulla kaltevuuden värisävyt voidaan säätää manuaalisesti. Kaksi pientä värivaihtoehtoa on integroitu sovellukseen myös värien valitsemiseksi näytöltä kullekin gradientin värisävylle.

Valitse haluamasi näytön värisisällytä kaltevuuteen, napsauta suurennuslasinäppäintä käynnistääksesi värivaihtoehdon ja siirrä kohdistinta ympäri nähdäksesi värisävyt. Napsautus tallentaa värisävyn hiiren osoittimen nykyisen sijainnin alapuolelle sovellukselle. Samoin voit valita muut gradientin värisävyt. Pieni värivaihto -painike on käytettävissä vaihtaaksesi virran välilläkaltevuusvärit. Oletusarvon mukaan RGB- ja HEX-värikoodieditori on näkymätön. Voit kuitenkin paljastaa sen alas-nuolipainikkeella. Se näyttää RGB- ja HEX-väriarvot molemmille kaltevuusväreille.

Värivalitsijan lisäksi voit vaihtaa manuaalisestigradienttivärit Macin alkuperäisvärivalikoiman avulla. RGB- ja HEX-värikoodieditorien alla on valintapainike valitaksesi halutun gradientin tyylin ja kulman. Oletuksena se näyttää 4 kulmaa. Kun napsautat kytkinpainiketta, se paljastaa eri kaltevuusmallit.

Gradient tukee kaikkia laajalti käytettyjä selaimia, kuten Firefox, Opera, Chrome ja Internet Explorer. Asetuksista voit muuttaa taaksepäin tapahtuvaa väriä ja muuttaa lähtötilaa.

Kun olet valmis, voit tarkastella gradientt CSS-koodia napsauttamalla CSS-painiketta. Jos haluat kuitenkin kopioida CSS-koodin suoraan, napsauta Kopioi, kun haluat liittää koodin CSS-tiedostoon tai sovelluskehityksen IDE: hen.

Kaiken kaikkiaan Gradient tarjoaa sinulle nopeita työkaluja gradientt CSS-koodin suunnitteluun ja upottamiseen graafiseen suunnitteluprojektiisi. Se toimii Mac 10.6 tai uudempi.

Lataa kaltevuus