CSS Radial Gradient Generator
Vizuálne vytvorte prechody CSS: lineárny, radiálny alebo kužeľový typ, posúvač uhla a až šesť farebných zarážok so živým náhľadom v plnej šírke a kopírovateľným kódom.
Výsledok
Táto stránka otvorí generátor prechodov s už vybratým radiálnym typom: farby vyžarujú smerom von zo stredu prvku v sústredných kruhoch a každé zastavenie, ktoré zmeníte, okamžite prekreslí náhľad.
radial-gradient() je nástroj pre efekty bodového svetla a žiary, jemné vinety a pozadia, ktoré potrebujú skôr ohnisko ako smer. Polohy zarážok v percentách mapujú vzdialenosť od stredu – 0 % je stred, 100 % vzdialený okraj – takže utiahnutím prvých zarážok vznikne malé svetlé jadro, ich roztiahnutím sa vytvorí široký zárez.
Keď ukážka vyzerá správne, skopírujte čiaru pozadia. Posúvač uhla je v tomto režime skrytý, pretože kruh nemá smer – prepnite späť na lineárny alebo kužeľový a znova sa objaví.