Какую поддержку браузеров имеют градиенты CSS?
Градиенты CSS (Линейные и Радиальные) поддерживаются всеми современными браузерами. Конические градиенты также широко поддерживаются во всех основных вечнозеленых браузерах (Chrome, Firefox, Safari, Edge).
Сколько точек остановки цвета я могу добавить?
Этот инструмент позволяет добавить до 5 точек остановки цвета, чтобы сохранить чистоту интерфейса, но CSS поддерживает неограниченное количество точек. Вы можете сгенерировать базовый код здесь и добавить больше вручную при необходимости.
Могу ли я использовать прозрачные цвета?
В настоящее время этот инструмент использует стандартную пипетку цвета, которая обычно выводит значения HEX. Для прозрачности (RGBA) вы можете вручную отредактировать сгенерированный код CSS, заменив коды HEX на значения rgba().
Этот инструмент бесплатен?
Да, наш Генератор градиентов CSS полностью бесплатен. Нет никаких подписок, и вам не нужно регистрироваться.
Могу ли я сохранить свои градиенты?
В настоящее время мы не поддерживаем сохранение в аккаунте, но вы можете скопировать код CSS и сохранить его в файлах вашего проекта.
В чем разница между линейным и радиальным?
Линейные градиенты переносят цвета по прямой линии (например, сверху вниз), а радиальные градиенты излучают от центральной точки наружу.
Как использовать сгенерированный CSS?
Просто скопируйте код из поля «Вывод CSS» и вставьте его в таблицу стилей под свойством «background» или «background-image».
Могу ли я настроить угол линейного градиента?
Да, используйте ползунок «Угол поворота» или поле ввода, чтобы задать направление в градусах (например, 90 градусов для направления слева направо).
Поддерживает ли он старые браузеры?
Сгенерированный код является стандартным CSS3. Для очень старых браузеров (например, IE9) могут потребоваться префиксы поставщиков, которые этот инструмент в настоящее время не добавляет автоматически.
Что такое конический градиент?
Конический градиент вращает цвета вокруг центральной точки, как на круговой диаграмме или цветовом круге. Это полезно для создания интересных шаблонов и диаграмм.