Най-доброто безплатно Генератор на CSS градиент

Изграждане на линейни и радиални CSS градации с живо предварителен преглед — копие на фона код.

Агол: 90°
100% безплатно Няма регистрация. Няма водяна марка Файлове обработени в памет, никога не съхранявани
Go Pro за най-добрите модели на МА – изображение, видео и чат – плюс по-големи качени, приоритет в редицата и без чакане. Повишаване на професионалното
Любовта best.free? Сподели го.

Как действа

  1. Избор на тип. Изберете линейна или радиална и поставете ъгъла за линейен градиент.
  2. Изберете цветове и спиране. Задаване на два или повече цвета и техните позиции; добавяне на трета спирка в Advanced опции.
  3. Копиране на CSS. Натиснете Копиране CSS и вметнете фонов градиент в стила ви.

За този инструмент

Изграждане на CSS градиент по око, вместо да се редактира стойности на сляпо. Превключване между линейни и радиални стойности, превлачете ъгъла за линейни градиент, и изберете цветове и позиции за най-малко две спирания, докато актуализирате лентата с пълно ширина. Копиране на резултатите от лентата право в вашия стил. Разширените опции добавят трета цветна спирка за по-богатите смеси и ви позволяват да изберете кръг или елипсова форма за радиални градации. Всичко се провежда в вашия браузър.

За какво го използват хората?

  • Проектиране на герой или секция фонов градиент
  • Създаване на бутон или градиент на карта
  • Сливане на два или три цвета на марката гладко
  • Създаване на радиален прожектор или винетен ефект

Често задавани въпроси

Линейен градиент се смесва по права линия под ъгъла, който избирате; радиален градиент се смесва отвътре от центъра като кръг или елипса.

За линейен градиент ъгълът определя посоката на смесването – 0° отива отдолу нагоре, 90° от ляво на дясно и т.н.

Всяка спирка е цвят поставен в процент по градиент. Преместване на спирачка промени, където този цвят седи и колко остър е смесът.

Да. Отваряне на Advanced опции за добавяне на трета цветна спирка, вмъкната между първата и последната за многоцветна смес.

Не. Цветовете и спиранията се превръщат в CSS низ локално в браузъра ви.

Напълно свободен, без сметка и без ограничения — инструмент на клиента, без нищо да измерва.

Да. Той работи във вашия браузър, така CSS градилиен генератор работи по телефони и таблетки, както и настолен плот — няма приложение за инсталиране.

Обикновено само няколко секунди за типичен файл — CSS градент генератор започва да работи в момента, в който му дадете входа.

Безкрайната употреба е неограничен, под щедрото използване капачка, която го поддържа бързо за всички.

Всички модерни браузъри — Chrome, Safari, Firefox и Edge. CSS градилиен генератор се нуждае от нищо инсталирано извън браузъра, който вече използвате.

Свързани инструменти

Оцени тази страница
5.0/5 (0)

Отвъртната ви връзка ни помага да решим проблемите.