Generátor CSS prechodov

Typ prechodu

Uhol (stupne)

Tvar

Farebné zarážky

Výstup CSS

Čo je CSS prechod?

CSS prechody umožňujú zobrazovať plynulé prechody medzi dvomi alebo viacerými farbami bez použitia obrázkových súborov. Existujú tri typy: linear-gradient (pozdĺž priamky), radial-gradient (vyžarujúci zo stredového bodu) a conic-gradient (obiehajúci okolo stredového bodu). Prechody sa používajú na pozadie, tlačidlá, prekrytia a dekoratívne prvky.

Ako používať generátor CSS prechodov

Vyberte predvoľbu z ukážok alebo si nakonfigurujte vlastný prechod.
Zvoľte typ prechodu: linear, radial alebo conic.
Upravte uhol (pre linear/conic) alebo tvar (pre radial).
Editujte farebné zarážky — menite farby a pozície (0–100%).
Pridávajte alebo odstraňujte farebné zarážky podľa potreby.
Skopírujte CSS a vložte ho do svojej šablóny štýlov.

Keywords: generátor CSS prechodu, lineárny prechod, radiálny prechod, kužeľový prechod, generátor CSS pozadia, výber farby prechodu, nástroj pre CSS gradient