Toolzy

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

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

background: linear-gradient(90deg, #6366f1, #ec4899);

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

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

  1. Выберите линейный или радиальный.
  2. Выберите цвета и угол.
  3. Скопируйте CSS.

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

Можно ли добавить больше цветовых точек?
Этот генератор использует две точки; вы можете расширить скопированный CSS вручную.
Куда вставлять CSS?
Используйте его как значение свойства background или background-image.

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