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