CSS Gradient генератор
Создайте линейные, радиальные и конические CSS-градиенты в вашем браузере.
Цветные остановки
Используйте спиртные ручки или клавиатуру для редактирования позиций.Каждый остановка включает в себя четкий цвет, непацитность и процент.
Браузер-национальное местное обработку
Ваш градиент остается в этом браузере. никакие цвета или генерированные CSS не отправляются на конвертер.
Ограниченная импортная грамма
Импорт принимает линейно-градиант(), радиаль-градитиант() или коник-градиоант()) с шестикратными цветами и процентами.
Доступный Fallback
Создаемый CSS включает в себя твердое фоновое падение цвета рядом с градиентом для не поддерживаемых рендеров и доступного контрольного хрома.
Часто задаваемые вопросы
Мой градиент загружен?
Градиент-стоит, цвета, импортированный CSS и генерированный CSS остаются в вашем браузере.
Какие виды CSS-градиентов поддерживаются?
Генератор создает линейно-градиент(), радиаль-градитиент() и коник-градиоент() выход с несколькими хекс-цветными остановками.
Что можно импортировать?
Импорт принимает умышленно ограниченную грамму с использованием одной поддерживаемой градиентной функции, хекс-цветки, факультативные проценты и ограниченных значений угла или позиции.
Сотрудники разработчиков и инструменты дизайна
CSS Gradient генератор
Создайте линейные или радиальные градиенты CSS и пересматривайте цветные остановки, угол, положение и повторение.
- Ввод
- тип градиента, цветные остановки, позиции, угол и настройки повторения.
- Вывод
- Live Preview и копируемая CSS фоновая декларация.
- Реальные ограничения
- Рендерирование браузера может немного отличаться по движущему, и инструмент не оценивает контраст или не гарантирует поддержку в наследственных браузерах.
- Приватность и обработка данных
- тип градиента, цветные остановки, позиции, угол и настройки повторения обрабатываются в этой таблице браузера. конвертер не получает или хранит его; закрытие или перезагрузка страницы очищает состояние работы, если инструмент явно не предлагает локальное загрузку.
Как использовать этот инструмент
- Обеспечить тип градиента, цветные остановки, позиции, угол и повторяемые настройки в контроле инструмента.
- Выберите настройки, которые влияют на живое представление и копируемую CSS-заголовное заявление, а затем запускайте инструмент.
- Проверьте живой преглед и копируемую CSS-заголовное заявление перед копированием или загрузкой.
Общие способы неудачи
Отсутствие красного остановки, недействительного цвета или несоответствующего положения препятствует созданию валидной декларации CSS.
Полезный пример
Создайте 90 градусов линейный градиент от #111827 до 0% до #f59e0b до 100% и копируйте декларацию.