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

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

90°
0%
100%
CSS
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);

Возможности

Несколько вариантов
Локально и конфиденциально
Просто и понятно
Навсегда бесплатно

Как использовать: генератор CSS-градиентов

  1. Откройте страницу инструмента на этом сайте.
  2. Введите или вставьте текст.
  3. При необходимости настройте параметры.
  4. Нажмите кнопку действия и скопируйте результат.

Частые вопросы

Этот инструмент бесплатный?

Да, все инструменты Filuni бесплатны и не требуют регистрации.

Загружаются ли мои данные на сервер?

Нет. Обработка выполняется полностью в вашем браузере. Ничего не покидает ваше устройство.

Работает ли на мобильных?

Да. Страница полностью адаптивна и работает на телефонах и планшетах.