CSS-i gradiendiredaktor: genereerige CSS-kood gradiendi tausta jaoks [Mac]

CSS reguleerib seda, kuidas teie veebileht või rakendus lõppkasutajale ilmub, kuid põhilehe kirjutamine võib võtta natuke aega. Ilmselt leiate seetõttu palju autentsed CSS-koodigeneraatorid, mis võimaldavad teil lisada efekte, luua objekte või lihtsaid kaldeid. CSS Gradient Editor on tasuta Mac-rakendus, mis võimaldab teil luua gradiendi tausta. Rakendus pakub teile lihtsat graafilist kasutajaliidest, mis võimaldab teil valida gradiendi mis tahes värvi, lisada kuni viis peatust ja valida iga peatuse koht. Gradient võib olla vertikaalne või horisontaalne ning rakendus võimaldab teil luua eelseadeid ja genereerida CSS-i kood ühildub Chrome'i, Firefoxi, Safari, Internet Explorer 10, Operaga, kõik sobivad W3C-ga standard. Värve saab sisestada RGB, HSL ja Hex koodidena.

Rakendus laaditakse lihtsa, kahe varjundi gradiendiga. Sellel on üks aken, mis on jagatud neljaks sektsiooniks, kus kaks parempoolset jaotist kuvavad koodi ja eelvaatega loovad seda gradienti. Vasakpoolsed jaotised võimaldavad teil lisada eelseadeid ja luua või muuta kallet.

Töötate enamasti vasaku alaosaga. Sõltuvalt sellest, millist gradiendi tüüpi soovite luua, klõpsake nuppu X-telg (vertikaalse gradiendi jaoks) või Y-telge (horisontaalse gradiendi jaoks). Klõpsake värviboksil Ülemine värv, ja valige, milline värv ilmub gradiendi üla- või vasakpoolses servas. Täiendava peatuse lisamiseks kontrollige Peatu kast allpool Ülemine värv, valige punkt, kus algab teine ​​värv, liigutades liugurit selle ettepoole. Täiendavate peatuste lisamiseks järgige eeskuju. Seejärel valige Põhi värv. Efektid kuvatakse eelvaatena ja koodi värskendatakse muudatuste tegemisel.

Kui soovite salvestada oma loodud gradiendi, klõpsake nuppu Salvesta eelseade nuppu ja gradient salvestatakse. Koodi saab kopeerida ja kasutada CSS-i lehel ilma muudatusteta.

Hankige CSS Gradient Editor Mac App Store'ist