DevTulz Online

Генератор CSS градијената

Тачке заустављања боје

Шта је CSS градијент?

CSS градијенти омогућавају приказивање глатких прелаза између две или више боја без употребе сликовних датотека. Постоје три врсте: linear-gradient (дуж праве линије), radial-gradient (зрачи из централне тачке) и conic-gradient (окреће се oko централне тачке). Градијенти се користе за позадине, дугмад, преклопне слојеве и декоративне елементе.

Kako користити генератор CSS градијената

  1. Одаберите унапред постављену вредност из узорака или конфигуришите сопствени градијент.

  2. Одаберите врсту градијента: linear, radial или conic.

  3. Подесите угао (за linear/conic) или облик (за radial).

  4. Уредите тачке заустављања боје — мењајте боје и положаје (0–100%).

  5. По потреби додајте или уклоните тачке заустављања боје.

  6. Копирајте CSS и налепите га у свој стилски лист.

Keywords: генератор CSS градијента, линеарни градијент, радијални градијент, конични градијент, генератор CSS позадине, бирач боје градијента, алат за CSS градијент