Что такое Градиент в CSS?

Визуальный конструктор градиентов для создания линейных, радиальных и конических градиентов с несколькими точками цвета — и мгновенного копирования готового CSS-кода. Настраивайте углы, позиции и цвета с живым предпросмотром без написания кода вручную.

Как использовать

1. Выберите тип градиента (линейный, радиальный или конический) и задайте направление или угол.
2. Добавляйте, удаляйте и перемещайте точки цвета, кликая по полосе градиента или используя цветовые пикеры.
3. Скопируйте сгенерированный CSS-код и вставьте его прямо в свою таблицу стилей.

Результат

Создайте «закатный» градиент: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — отлично подходит для фона секции-hero.

Похожие инструменты