Editor gradient CSS: Generați cod CSS pentru fundalul pentru gradient [Mac]

CSS este tot ceea ce guvernează modul în care pagina web sau aplicația dvs. va apărea utilizatorului final, dar scrierea fișei de bază poate dura ceva. Probabil este motivul pentru care veți găsi o mulțime de generatoare de coduri CSS automate care vă permit să adăugați efecte, să creați obiecte sau gradiente simple. Editor CSS Gradient este o aplicație Mac gratuită care vă permite să creați fundaluri de gradient. Aplicația vă oferă o GUI simplă, permițându-vă să selectați orice culoare pentru gradient, să adăugați până la cinci opriri și să selectați unde se află fiecare oprire. Gradientul poate fi vertical sau orizontal, iar aplicația vă permite să creați presetări și să generați CSS cod compatibil cu Chrome, Firefox, Safari, Internet Explorer 10, Opera, toate potrivite cu W3C standard. Puteți introduce culori ca coduri RGB, HSL și Hex.

Aplicația se încarcă cu un gradient simplu, cu două nuanțe. Are o singură fereastră împărțită în patru secțiuni, unde cele două secțiuni din dreapta afișează codul și previzualizează gradientul pe măsură ce îl creezi. Secțiunile din stânga vă permit să adăugați presetări și să creați sau să editați un gradient.

Veți lucra mai ales cu secțiunea din stânga jos. În funcție de tipul de gradient pe care doriți să-l creați, faceți clic pe Axa X (pentru un gradient vertical) sau pe Axa Y (pentru un gradient orizontal). Faceți clic pe caseta de culoare pentru Culoare de top, și alegeți ce culoare va apărea în partea de sus sau cea mai stângă a gradientului. Pentru a adăuga o oprire suplimentară, verificați tasta Stop caseta chiar mai jos Top Color, alegeți un punct în care a doua culoare va începe prin mișcarea glisorului în fața ei. Urmați costumul pentru a adăuga opriri suplimentare. Apoi, selectați tasta Culoarea de jos. Efectele vor fi previzualizate și codul va fi actualizat pe măsură ce faceți modificările.

Dacă doriți să salvați un gradient creat, faceți clic pe butonul Salvați presetarea butonul și gradientul vor fi salvate. Codul poate fi copiat și utilizat în foaia CSS fără modificări necesare.

Obțineți CSS Gradient Editor din Mac App Store