Градиент Лес
CSS
background: linear-gradient(135deg, #134e5e 0%, #71b280 100%);Открыть в конструкторе →
Другие форматы
CSS-переменная
--gradient-forest: linear-gradient(135deg, #134e5e 0%, #71b280 100%);
Произвольное значение Tailwind
bg-[linear-gradient(135deg,_#134e5e_0%,_#71b280_100%)]
Те же цвета, другие формы
Те же стопы, пропущенные через остальные функции градиента — берите ту, что подходит поверхности.
Обратное направление
background: linear-gradient(315deg, #134e5e 0%, #71b280 100%);Радиальный
background: radial-gradient(circle, #134e5e 0%, #71b280 100%);Конический
background: conic-gradient(from 135deg, #134e5e 0%, #71b280 100%);Текст на этом градиенте
Aa
2.51:1
Aa
2.05:1
Если мерить по всем стопам, белый текст держит в худшем случае контраст 2.51:1. Не дотягивает до WCAG AA даже для крупного текста — кладите текст на сплошную подложку поверх градиента.
Цветовые остановки
Об этом градиенте
Лес (Forest) — готовый CSS-градиент с 2 остановками цвета. Скопируйте CSS ниже, откройте в конструкторе, чтобы изменить угол и стопы, или нажмите на любой цвет для подробностей.
Ещё градиенты