Најдобро бесплатно CSS генератор на прелив
Гради линеарни и радијални CSS градиенти со живо претрес - копирајте го кодот за позадина.
100% слободен
Нема пријава
Нема водеен знак
✨
Go Pro за најдобрите модели на ВИ - слика, видео и чат - плус поголеми поставувања, приоритет во редицата и без чекање.
Надоградба на про
Љубов Best.Free? Подели го.
Како работи тоа?
- Избери тип. Изберете линеарна или радијална и поставете го аголот за линеарна градиентација.
- Изберете бои и застанете. Поставува две или повеќе бои и нивните позиции; додава трета станица во Напредни опции.
- Копирај го CSS. Притиснете Копирај CSS и вметнете го градиентот на позадината во вашиот стилски стил.
За оваа алатка
Изгради CSS градиент по око наместо да ги уредуваш вредностите на слепи. Префрли го меѓу линеарните и радијалните, повлечи го аголот за линеарни градиент, и избери бои и позиции за најмалку две застани додека се ажурира целократниот преглед на лентата. Копирај го резултатот од тоа право во вашиот стилски стил. Напредните опции додаваат трета станица за боја за побогати мешачи и дозволуваат да изберете круг или елипса за радијални градиенти. Сето тоа работи во вашиот прелистувач.
За што ја користат луѓето?
- Дизајнирај градиент на херој или секција
- Креирај копче или градиент на карти
- Измешај две или три бои на брендот глатко
- Генерирајте ефект на радијални рефлектори или винета
Често поставувани прашања
Линеарниот градиент се меша по должината на правата линија под аголот што го избирате; радиалниот градиент се меша надвор од средината како круг или елипса.
За линеарниот градиент аголот го поставува правецот на мешавината - 0° оди од долу нагоре, 90° лево на десно и така натаму.
Секоја станица е боја поставена во процент по должина на градиентот. Движење на застој менува таму каде што таа боја седи и колку е остра мешавината.
Да. Отвори напредни опции за додавање на трета застојка на бои, воставена помеѓу првата и последната за повеќебојна мешавина.
Не. Боите и застанувањата се претвораат во CSS низа локално во вашиот прелистувач.
Потполно бесплатна, без сметка и без граници - алат од страна на клиентот без ништо да се измери.
Да. Тој работи во вашиот прелистувач, па CSS градент генератор работи на телефони, таблети, како и работна површина - нема апликација за инсталирање.
Обично само неколку секунди за типична датотека - CSS градент генераторот почнува да работи во моментот кога ќе го дадете вашиот влез.
Неограничена е употребата под великодушна капа за фер употреба која ги држи брзо за сите.
Сите модерни прелистувачи - Chrome, Safari, Firefox и Edge. CSS градиент генераторот не бара ништо инсталирано надвор од прелистувачот што веќе го користите.