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