CSS Radial Gradient Generator
Vizuálně sestavujte přechody CSS: lineární, radiální nebo kuželový typ, posuvník úhlu a až šest barevných zarážek s živým náhledem v plné šířce a kopírovatelným kódem.
Výsledek
Tato stránka otevře generátor přechodu s již vybraným radiálním typem: barvy vyzařují ven ze středu prvku v soustředných kruzích a každá změna, kterou změníte, okamžitě překreslí náhled.
radial-gradient() je nástroj pro efekty bodového světla a záře, měkké viněty a pozadí, které potřebují spíše ohnisko než směr. Polohy zarážek v procentech mapují vzdálenost od středu — 0 % je střed, 100 % vzdálený okraj — takže utažením prvních zarážek vznikne malé světlé jádro, rozprostřením se vytvoří široký výplach.
Jakmile bude náhled vypadat správně, zkopírujte řádek pozadí. Posuvník úhlu je v tomto režimu skrytý, protože kruh nemá žádný směr – přepněte zpět na lineární nebo kuželový a znovu se objeví.