CSS Conic 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 kužeľovým typom: namiesto vyblednutia pozdĺž čiary alebo von zo stredu sa farby pohybujú okolo stredu ako hodinová ručička, začínajúc od uhla, ktorý nastavíte na posúvači.
conic-gradient() je najnovšia z troch funkcií prechodu CSS a tá, ktorá stojí za koláčovými grafmi, farebnými kolieskami a pútavými efektmi otáčania okrajov. Polohy zarážok v percentách sú polohy okolo kruhu – dve zarážky pri 0 % a 100 % sa hladko prelínajú po celom obvode, zatiaľ čo zarážky umiestnené blízko seba vytvárajú ostré kliny.
Upravte počiatočný uhol a konce, kým sa ukážka nezobrazí správne, potom skopírujte čiaru pozadia. Všetky moderné prehliadače podporujú kužeľové prechody, takže odoslanie kódu je bezpečné.