Дизайн

Генератор CSS-градієнтів

Створіть лінійний або радіальний CSS-градієнт із двох кольорів та кута.

01Дані й налаштування

У вашому браузері. Встановлювати програми не потрібно.

02Результат

Очікування даних
Очікування даних

Введіть дані або завантажте приклад, щоб побачити результат.

Про інструмент: Генератор CSS-градієнтів

Створіть лінійний або радіальний CSS-градієнт із двох кольорів та кута.

Текстові операції залежать від формату. Допустимі символи й синтаксис наведено в описі та прикладі.

Як виконується розрахунок

linear-gradient(angle, color₁, color₂)

Розібраний приклад

Режим
Лінійний
Перший колір
#4f46e5
Другий колір
#06b6d4
Кут градієнта, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Запитання та відповіді

Що робить цей інструмент?

Створіть лінійний або радіальний CSS-градієнт із двох кольорів та кута. Текстові операції залежать від формату. Допустимі символи й синтаксис наведено в описі та прикладі.

Що впливає на точність і формат вводу?

Кольори задаються шестизначним HEX. Кут потрібен лише для лінійного градієнта.

Де виконуються обчислення?

У вашому браузері. Встановлювати програми не потрібно.

Коментарі (0)

Поділіться своєю думкою — будь ласка, будьте ввічливі та по темі.

Поки немає коментарів. Залиште коментар — поділіться своєю думкою!

Щоб залишити коментар, увійдіть в акаунт.

Увійдіть, щоб коментувати