Generator de degradeuri
Construiește degradeuri CSS liniare, radiale și conice de la zero cu control multi-stație trăgabil și preseturi curate. Copiază CSS gata de utilizat instant.
background: —;
Totul este calculat live în browserul tău — fără înregistrare, complet gratuit.
Despre Generator de degradeuri
Generatorul de Gradient construiește gradiente CSS personalizate de la zero. Alege un tip liniar, radial sau conic, setează unghiul și modelează amestecul cu un editor cu opriri multiple: trage mânerele pentru a muta opririle, dă clic pe bară pentru a adăuga altele noi și recolorează orice oprire cu un selector — previzualizarea live se actualizează pe măsură ce lucrezi.
Presetările curate îți oferă un punct de plecare solid când nu vrei să începi de la o pagină goală, iar acțiunile dintr-un clic — aleatoriu, inversare, rotire la 45° — fac explorarea rapidă. CSS-ul generat este mereu vizibil și rămâne sincronizat cu previzualizarea, așa că ceea ce copiezi este exact ceea ce ai văzut.
Totul este calculat live în browser, gratuit. Copiază regula CSS completă sau doar valoarea de fundal și lipește-o într-o foaie de stiluri, un stil de buton sau o secțiune hero — un generator direct de gradient CSS pentru fundaluri, suprapuneri și accente UI.
Cum să utilizați Generator de degradeuri
- Alege un tip de gradient: liniar, radial sau conic.
- Pornește de la o presetare sau dă clic pe „Aleatoriu” pentru un punct de plecare instant.
- Trage mânerele opririlor pentru a poziționa culorile, dă clic pe bară pentru a adăuga opriri și editează culoarea fiecărei opriri.
- Ajustează unghiul sau folosește „Inversează” și „Rotește 45°” pentru a reorienta amestecul.
- Copiază regula CSS sau valoarea de fundal și lipește-o în proiectul tău.