DevTulz Online

Generator CSS gradijenata

Zaustavljanja boje

Što je CSS gradijent?

CSS gradijenti omogućuju prikaz glatkih prijelaza između dvije ili više boja bez korištenja slikovnih datoteka. Postoje tri vrste: linear-gradient (duž ravne linije), radial-gradient (zrači iz središnje točke) i conic-gradient (obrće se oko središnje točke). Gradijenti se koriste za pozadine, gumbe, prekrivne slojeve i dekorativne elemente.

Kako koristiti generator CSS gradijenata

  1. Odaberite unaprijed postavljenu vrijednost iz uzoraka ili konfigurirajte vlastiti gradijent.

  2. Odaberite vrstu gradijenta: linear, radial ili conic.

  3. Podesite kut (za linear/conic) ili oblik (za radial).

  4. Uredite zaustavljanja boje — promijenite boje i položaje (0–100%).

  5. Dodajte ili uklonite zaustavljanja boje po potrebi.

  6. Kopirajte CSS i zalijepite ga u svoju stilsku tablicu.

Keywords: generator CSS gradijenta, linearni gradijent, radijalni gradijent, konični gradijent, generator CSS pozadine, birač boje gradijenta, alat za CSS gradijent