Генератор CSS-градиентов
Визуальный редактор для создания красивых CSS-градиентов.
Направление
CSS:
Advertisement
Удобное визуальное создание CSS-градиентов. Настраивайте цвета и углы наклона, копируйте готовый CSS-код.
Как пользоваться
- Выберите направление или переключитесь на радиальный градиент.
- Задайте цвета и при необходимости добавьте новые точки.
- Скопируйте полученный CSS прямо в свою таблицу стилей.
Частые вопросы
Какой CSS получается на выходе?
Стандартные значения linear-gradient() и radial-gradient(), которые поддерживают все актуальные браузеры без префиксов.
Сколько цветов можно использовать?
Сколько угодно, но лучше всего обычно выглядят два или три. Длинные цепочки точек мутнеют в местах перехода.
Почему градиент сереет в середине?
Потому что два противоположных тона встречаются, проходя через ненасыщенную точку. Возьмите цвета, которые ближе друг к другу на цветовом круге, или добавьте промежуточную точку.