Най-доброто безплатно Генератор на CSS градиент
Изграждане на линейни и радиални CSS градации с живо предварителен преглед — копие на фона код.
100% безплатно
Няма регистрация.
Няма водяна марка
Файлове обработени в памет, никога не съхранявани
✨
Go Pro за най-добрите модели на МА – изображение, видео и чат – плюс по-големи качени, приоритет в редицата и без чакане.
Повишаване на професионалното
Любовта best.free? Сподели го.
Как действа
- Избор на тип. Изберете линейна или радиална и поставете ъгъла за линейен градиент.
- Изберете цветове и спиране. Задаване на два или повече цвета и техните позиции; добавяне на трета спирка в Advanced опции.
- Копиране на CSS. Натиснете Копиране CSS и вметнете фонов градиент в стила ви.
За този инструмент
Изграждане на CSS градиент по око, вместо да се редактира стойности на сляпо. Превключване между линейни и радиални стойности, превлачете ъгъла за линейни градиент, и изберете цветове и позиции за най-малко две спирания, докато актуализирате лентата с пълно ширина. Копиране на резултатите от лентата право в вашия стил. Разширените опции добавят трета цветна спирка за по-богатите смеси и ви позволяват да изберете кръг или елипсова форма за радиални градации. Всичко се провежда в вашия браузър.
За какво го използват хората?
- Проектиране на герой или секция фонов градиент
- Създаване на бутон или градиент на карта
- Сливане на два или три цвета на марката гладко
- Създаване на радиален прожектор или винетен ефект
Често задавани въпроси
Линейен градиент се смесва по права линия под ъгъла, който избирате; радиален градиент се смесва отвътре от центъра като кръг или елипса.
За линейен градиент ъгълът определя посоката на смесването – 0° отива отдолу нагоре, 90° от ляво на дясно и т.н.
Всяка спирка е цвят поставен в процент по градиент. Преместване на спирачка промени, където този цвят седи и колко остър е смесът.
Да. Отваряне на Advanced опции за добавяне на трета цветна спирка, вмъкната между първата и последната за многоцветна смес.
Не. Цветовете и спиранията се превръщат в CSS низ локално в браузъра ви.
Напълно свободен, без сметка и без ограничения — инструмент на клиента, без нищо да измерва.
Да. Той работи във вашия браузър, така CSS градилиен генератор работи по телефони и таблетки, както и настолен плот — няма приложение за инсталиране.
Обикновено само няколко секунди за типичен файл — CSS градент генератор започва да работи в момента, в който му дадете входа.
Безкрайната употреба е неограничен, под щедрото използване капачка, която го поддържа бързо за всички.
Всички модерни браузъри — Chrome, Safari, Firefox и Edge. CSS градилиен генератор се нуждае от нищо инсталирано извън браузъра, който вече използвате.