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