DevTulz Online

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

Цветови спирки

Какво е CSS градиент?

CSS градиентите ви позволяват да показвате плавни преходи между два или повече цвята без да използвате файлове с изображения. Предлагат се в три вида: linear-gradient (по права линия), radial-gradient (излъчващ се от централна точка) и conic-gradient (обикалящ около централна точка). Градиентите се използват за фонове, бутони, наслагвания и декоративни елементи.

Как да използвате генератора на CSS градиенти

  1. Изберете предварителна настройка от мострите или конфигурирайте собствен градиент.

  2. Изберете типа на градиента: linear, radial или conic.

  3. Регулирайте ъгъла (за linear/conic) или формата (за radial).

  4. Редактирайте цветовите спирки — променяйте цветовете и позициите (0–100%).

  5. Добавяйте или премахвайте цветови спирки при нужда.

  6. Копирайте CSS и го поставете в стиловата си таблица.

Keywords: генератор на CSS градиент, линеен градиент, радиален градиент, коничен градиент, генератор на CSS фон, избор на цвят за градиент, инструмент за CSS градиент