CSS Gradient Editor: generira CSS kôd za pozadinu gradijenta [Mac]

CSS je sve što regulira izgled vaše web stranice ili aplikacije krajnjem korisniku, ali pisanje osnovnog lista može potrajati. Vjerojatno će vam se zato naći mnogo auto generatora CSS koda koji vam omogućuju dodavanje efekata, stvaranje predmeta ili jednostavnih gradijenata. CSS Gradient Editor je besplatna Mac aplikacija koja vam omogućuje stvaranje pozadina gradijenta. Aplikacija vam pruža jednostavan GUI, omogućujući vam da odaberete bilo koju boju za gradijent, dodate do pet zastoja i odaberete mjesto gdje se zaustavlja. Gradijent može biti vertikalni ili vodoravni, a aplikacija vam omogućuje izradu unaprijed postavljenih postavki i generiranje CSS-a kôd kompatibilan s Chromeom, Firefoxom, Safarijem, Internet Explorerom 10, Operom, a svi odgovaraju W3C standard. Boje možete unijeti kao RGB, HSL i Hex kodove.

Aplikacija se učitava s jednostavnim gradijentom u dvije nijanse. Ima jedan prozor podijeljen u četiri odjeljka, gdje dva odjeljka s desne strane prikazuju kôd i pregledavaju gradijent dok ga stvarate. Odjeljci slijeva omogućuju vam dodavanje unaprijed postavljenih postavki i stvaranje ili uređivanje gradijenta.

Radit ćete uglavnom s donjim lijevim dijelom. Ovisno o vrsti gradijenta koji želite stvoriti, kliknite ili X Osovina (za okomiti gradijent) ili Y Osovina (za vodoravni gradijent) gumb. Kliknite okvir za boju Gornja boja, i odaberite boju koja će se prikazivati ​​na vrhu ili lijevoj strani gradijenta. Da biste dodali dodatno zaustavljanje, označite potvrdni okvir Stop okvir odmah ispod Gornja boja, odaberite točku gdje će druga boja započeti pomicanjem klizača ispred nje. Slijedite odijelo da biste dodali dodatna zaustavljanja. Zatim odaberite Boja dna. Učinci će biti pregledani, a kôd se ažurira kad unesete promjene.

Ako želite spremiti gradijent koji ste stvorili, kliknite gumb Spremi unaprijed gumba i gradijent će biti spremljen. Kôd se može kopirati i koristiti na CSS listu bez modifikacija.

Nabavite CSS Gradient Editor iz Mac App Store-a