CSS Gradient Editor: Ustvari kodo CSS za ozadje prelivov [Mac]

CSS je vse, kar ureja, kako bo vaša spletna stran ali aplikacija končnemu uporabniku videti, toda pisanje osnovnega lista lahko traja kar nekaj časa. Verjetno boste zato našli veliko samodejnih generatorjev kode CSS, ki vam omogočajo dodajanje učinkov, ustvarjanje predmetov ali preprostih gradientov. CSS Gradient Editor je brezplačna aplikacija Mac, ki vam omogoča ustvarjanje gradientnih ozadij. Aplikacija vam omogoča preprost grafični vmesnik, ki vam omogoča, da izberete katero koli barvo za gradient, dodate do pet postankov in izberete, kje je vsako postajališče. Gradient je lahko navpičen ali vodoraven, aplikacija pa vam omogoča ustvarjanje prednastavitev in ustvarjanje CSS-ja koda, združljiva s Chromom, Firefoxom, Safarijem, Internet Explorerjem 10, Opera, vse pa ustreza W3C standardno. Barve lahko vnesete kot RGB, HSL in Hex kode.

Aplikacija se nalaga s preprostim prelivom v dveh odtenkih. Ima eno okno, razdeljeno na štiri odseke, kjer dva odseka na desni prikazujeta kodo in predogled gradienta, ko ga ustvarjate. V razdelkih na levi lahko dodate prednastavitve in ustvarite ali uredite gradient.

Delali boste večinoma s spodnjim levim odsekom. Odvisno od vrste gradienta, ki ga želite ustvariti, kliknite gumb X Axis (za navpični gradient) ali Y Axis (za vodoravni gradient). Kliknite polje z barvami za Najboljša barva, in izberite barvo, ki bo prikazana na zgornji ali levi strani preliva. Če želite dodati dodaten postanek, preverite Nehaj polje spodaj Najboljša barva, izberite točko, kjer se bo začela druga barva s premikanjem drsnika po njej. Za dodajanje dodatnih postankov sledite obleki. Nato izberite Spodnja barva. Učinki bodo predogledani in koda se bo posodobila med spremembami.

Če želite shraniti gradient, ki ste ga ustvarili, kliknite na Shrani prednastavitev gumba in gradient se shrani. Kodo je mogoče kopirati in uporabiti na svojem CSS listu brez sprememb.

Pridobite CSS Gradient Editor iz Mac App Store