CSS Conic 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
Na této stránce se otevře generátor přechodu s již vybraným typem kužele: místo toho, aby bledly podél čáry nebo ze středu, barvy se táhnou kolem středu jako ručička hodin, počínaje úhlem, který nastavíte na posuvníku.
conic-gradient() je nejnovější ze tří přechodových funkcí CSS a tou, která stojí za koláčovými grafy, barevnými kolečky a poutavými efekty rotujícího ohraničení. Pozice zastavení v procentech jsou pozice kolem kruhu – dvě zastávky na 0 % a 100 % se hladce prolínají po celém obvodu, zatímco zarážky umístěné blízko u sebe vytvářejí ostré klíny.
Upravte počáteční úhel a konce, dokud se náhled nezobrazí správně, a poté zkopírujte čáru pozadí. Všechny moderní prohlížeče podporují kuželové přechody, takže odeslání kódu je bezpečné.