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