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

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

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

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

Результат

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

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