CSS gradiens szerkesztő: CSS kód generálása a gradiens háttérhez [Mac]

A CSS az, amely szabályozza, hogyan jelenik meg weblapod vagy alkalmazásod a végfelhasználó számára, de az alaplap írása eltarthat egy ideig. Valószínűleg ezért talál sok olyan automatikus CSS-kódgenerátort, amely lehetővé teszi effektusok hozzáadását, objektumok létrehozását vagy egyszerű színátmeneteket. CSS színátmenet szerkesztő egy ingyenes Mac alkalmazás, amely lehetővé teszi gradiens háttér létrehozását. Az alkalmazás egy egyszerű grafikus felhasználói felületet biztosít, amely lehetővé teszi a színátmenet bármely színének kiválasztását, öt megálló hozzáadását és az egyes megállók helyének kiválasztását. A színátmenet függőleges vagy vízszintes lehet, és az alkalmazás lehetővé teszi előre beállított elemek létrehozását, és CSS létrehozását kód kompatibilis a Chrome, Firefox, Safari, Internet Explorer 10, Opera, mindegyik megfelel a W3C-nek alapértelmezett. A színeket RGB, HSL és Hex kódokként is megadhatja.

Az alkalmazás betöltődik egy egyszerű, kétszínű színátmenettel. Egyablakos, négy részre osztott ablaka van, ahol a jobb oldalon lévő két rész megjeleníti a kódot, és előzetesen szemlélteti a gradienst a létrehozásakor. A bal oldali szakaszok lehetővé teszik, hogy előre beállított értékeket hozzon létre, és gradienst hozzon létre vagy szerkeszthessen.

Leginkább a bal alsó részen fogsz dolgozni. A létrehozandó gradiens típusától függően kattintson az X tengelyre (függőleges gradiens esetén) vagy az Y tengelyre (vízszintes gradiens esetén). Kattintson a színes mezőre Felső szín, és válassza ki, hogy mely szín jelenik meg a színátmenet tetején vagy bal oldalán. További megálló hozzáadásához ellenőrizze a Állj meg mező közvetlenül alatta Legjobb szín, válasszon egy pontot, ahol a második szín elindul, mozgatva a csúszkát az infrontól. Kövesse a példát további megállóhelyek hozzáadásához. Ezután válassza a Alsó szín. Az effektusok áttekintésre kerülnek, és a kód frissítésre kerül a módosítások elvégzésekor.

Ha el szeretné menteni a létrehozott színátmenetet, kattintson a Preset mentése gombot, és a színátmenet mentésre kerül. A kód másolható és felhasználható a CSS-lapon módosítások nélkül.

Szerezze be a CSS Gradient Editor alkalmazást a Mac App Store-ból