Генератор на CSS коничен градиент
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря генератора на градиенти с вече избран коничен тип: вместо да избледняват по линия или извън центъра, цветовете се движат около центъра като стрелка на часовник, започвайки от ъгъла, който сте задали на плъзгача.
conic-gradient() е най-новата от трите функции за градиент на CSS и тази, която стои зад кръгови диаграми, цветни колела и привличащи вниманието ефекти на въртящи се граници. Позициите на спиране в проценти са позиции около кръга - две спирания при 0% и 100% се смесват плавно навсякъде, докато стоповете, поставени близо една до друга, създават отчетливи клинове.
Регулирайте началния ъгъл и спиранията, докато предварителният изглед стане правилен, след което копирайте фоновата линия. Всички съвременни браузъри поддържат конични градиенти, така че кодът е безопасен за изпращане.