Генератор CSS-градієнтів
Що таке CSS-градієнт?
CSS-градієнти дозволяють відображати плавні переходи між двома або більше кольорами без використання файлів зображень. Існує три типи: linear-gradient (вздовж прямої лінії), radial-gradient (що розходиться від центральної точки) і conic-gradient (що обертається навколо центральної точки). Градієнти використовуються для фонів, кнопок, накладень та декоративних елементів.
Як користуватися генератором CSS-градієнтів
-
Виберіть готовий варіант зі зразків або налаштуйте власний градієнт.
-
Виберіть тип градієнта: linear, radial або conic.
-
Налаштуйте кут (для linear/conic) або форму (для radial).
-
Редагуйте кольорові зупинки — змінюйте кольори та позиції (0–100%).
-
Додавайте або видаляйте кольорові зупинки за потреби.
-
Скопіюйте CSS та вставте його у свою таблицю стилів.
Keywords: генератор CSS-градієнта, лінійний градієнт, радіальний градієнт, конічний градієнт, генератор CSS-фону, вибір кольору градієнта, інструмент CSS-градієнт