UTILS.
100% в браузере

Генератор CSS-градиентов

Создайте линейный или радиальный градиент с живым предпросмотром и скопируйте CSS.

Об этом инструменте

Создайте двухцветный линейный или радиальный градиент, выбрав цвета, позиции и угол, затем скопируйте правило background. Живой предпросмотр работает полностью в вашем браузере.

Часто задаваемые вопросы

Что означает угол в линейном градиенте?
Угол задаёт направление перехода цветов: 0° указывает вверх, 90° — вправо, 180° — вниз и так далее.
Когда использовать радиальный градиент вместо линейного?
Радиальный используйте, чтобы цвета расходились от центральной точки (как прожектор); линейный смешивает их вдоль прямой линии.

Больше инструментов