Generator Gradient CSS — Fundaluri Frumoase Fără Efort

Gradienții CSS sunt tehnici puternice de fundal care cândva necesitau imagini. Generatorul nostru îți permite să construiești gradienti vizual și generează cod CSS direct utilizabil.

Gradienti liniari, radiali și conici

Liniari (linear-gradient()) curg în linie dreaptă. Radiali (radial-gradient()) iradiază dintr-un centru. Conici (conic-gradient()) se rotesc în jurul unui punct — ideal pentru efecte de diagrame circulare.

Opriri de culoare și poziții

Opririle de culoare determină unde o culoare începe sau se termină. Mai multe opriri creează gradienti multicolori. Tranziții dure prin două opriri pe aceeași poziție: #ff0000 50%, #0000ff 50%.

Combinarea gradienților

Mai mulți gradienti suprapuși cu virgule creează tipare complexe. repeating-linear-gradient() repetă un tipar. Animează gradienții prin background-position pentru schimbări de culoare fluide.