Генератор конічного CSS-градієнта
Візуальний конструктор CSS-градієнтів: лінійний, радіальний чи конічний тип, повзунок кута й до шести колірних точок із живим прев'ю на всю ширину.
Результат
Ця сторінка відкриває генератор із уже вибраним конічним типом: замість переходу вздовж лінії чи від центру кольори обходять центр, як стрілка годинника, починаючи з кута, заданого повзунком.
conic-gradient() — наймолодша з трьох градієнтних функцій CSS і саме вона стоїть за круговими діаграмами, колірними колесами та ефектними обертовими рамками. Позиції точок у відсотках — це позиції по колу: дві точки на 0% і 100% плавно змішуються по всьому обороту, а точки поруч створюють чіткі сектори.
Налаштуйте стартовий кут і точки, доки прев'ю не виглядатиме правильно, і скопіюйте рядок background. Усі сучасні браузери підтримують конічні градієнти, тож код безпечно віддавати у продакшн.