Генератор CSS-градиентов
Бесплатный онлайн генератор CSS-градиентов, предпросмотр в реальном времени
Типы CSS-градиентов
Линейные градиенты переходят между цветами по прямой линии. Радиальные — от центральной точки наружу. Оба поддерживают несколько цветовых точек для сложных переходов.
Как создать CSS-градиент
Выберите тип (линейный или радиальный), цвета начала и конца, угол для линейного. Инструмент генерирует CSS-код мгновенно.
▶Можно ли использовать больше двух цветов?
Да, CSS-градиенты поддерживают неограниченное количество цветовых точек.
▶Поддержка браузерами CSS-градиентов?
Все современные браузеры поддерживают. Для старых браузеров могут понадобиться вендорные префиксы.
▶Можно ли использовать прозрачность?
Да, используйте rgba() или hsla() для включения прозрачности.