Sunset CSS Gradient — Cod gata făcut
Construiți vizual degrade CSS: tip liniar, radial sau conic, glisor unghiular și până la șase opriri de culoare cu o previzualizare pe toată lățimea live și cod copiabil.
Rezultat
Această pagină deschide generatorul de gradient cu o decolorare a apusului gata încărcată: coral cald #ff7e5f care curge în piersici moale #feb47b, de la stânga la dreapta. Previzualizarea îl arată imediat la lățime completă, iar linia CSS de mai jos este gata de copiat așa cum este.
Decolorările calde de la coral la piersică sunt un element de bază din secțiunea eroului, deoarece se citesc ca fiind prietenoase și energice, fără a copleși textul alb. Această pereche este suficient de aproape în nuanță încât punctul de mijloc să rămână curat - fără bandă gri noroioasă în mijloc, modul obișnuit de eșec al gradienților între culorile îndepărtate.
Folosește-l neschimbat sau fă-l al tău: rotiți unghiul pentru un apus de soare în diagonală, trageți primul oprire spre interior pentru o prezență mai puternică a coralilor sau adăugați o a treia oprire cu o prună adâncă aproape de 100% pentru o senzație de amurg. Fiecare modificare actualizează CSS-ul copiabil instantaneu.