Об инструменте: Генератор CSS-градиентов
Создайте линейный или радиальный CSS-градиент из двух цветов, настройте угол и получите готовый CSS.
Выберите два цвета и направление линейного перехода либо радиальное смешивание. После запуска большая область предпросмотра показывает полученный фон. Скопируйте CSS в нужный селектор: первая строка задает однотонный запасной фон, вторая — градиент.
Как устроен расчет
Разобранный пример
| Режим | Линейный |
| Первый цвет | #4f46e5 |
| Второй цвет | #06b6d4 |
| Угол градиента, ° | 135 |
background: linear-gradient(135deg, #4f46e5, #06b6d4);
Вопросы и ответы
Что делает этот инструмент?
Создайте линейный или радиальный CSS-градиент из двух цветов, настройте угол и получите готовый CSS. Выберите два цвета и направление линейного перехода либо радиальное смешивание. После запуска большая область предпросмотра показывает полученный фон. Скопируйте CSS в нужный селектор: первая строка задает однотонный запасной фон, вторая — градиент.
От чего зависят точность и формат ввода?
Цвета задаются шестизначным HEX. Угол используется только для линейного градиента; в радиальном режиме он не нужен.
Где выполняются расчеты?
Вычисления выполняются в вашем браузере. Для работы с инструментом не требуется установка программ.
Asted Cloud
Комментарии (0)
Оставьте отзыв — пожалуйста, будьте вежливы и по теме.
Войти, чтобы комментировать