Об этом инструменте
Создайте двухцветный линейный или радиальный градиент, выбрав цвета, позиции и угол, затем скопируйте правило background. Живой предпросмотр работает полностью в вашем браузере.
Создайте линейный или радиальный градиент с живым предпросмотром и скопируйте CSS.
Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.
Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.
Конфиденциальность →Выберите линейный тип, задайте угол 135 и цвета #ff7e5f и #feb47b. CSS: background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);. Если сдвинуть первую точку на 20, первый цвет будет сплошным на первых 20 % блока.
0deg направлен вверх, а 90deg — вправо, поэтому 135deg идёт из левого верхнего угла в правый нижний. Если на градиенте есть текст, проверьте его контраст с обоими крайними цветами.
Создайте двухцветный линейный или радиальный градиент, выбрав цвета, позиции и угол, затем скопируйте правило background. Живой предпросмотр работает полностью в вашем браузере.