Градиент Небо
CSS
background: linear-gradient(180deg, #2980b9 0%, #6dd5fa 50%, #ffffff 100%);Открыть в конструкторе →
Другие форматы
CSS-переменная
--gradient-sky: linear-gradient(180deg, #2980b9 0%, #6dd5fa 50%, #ffffff 100%);
Произвольное значение Tailwind
bg-[linear-gradient(180deg,_#2980b9_0%,_#6dd5fa_50%,_#ffffff_100%)]
Те же цвета, другие формы
Те же стопы, пропущенные через остальные функции градиента — берите ту, что подходит поверхности.
Обратное направление
background: linear-gradient(0deg, #2980b9 0%, #6dd5fa 50%, #ffffff 100%);Радиальный
background: radial-gradient(circle, #2980b9 0%, #6dd5fa 50%, #ffffff 100%);Конический
background: conic-gradient(from 180deg, #2980b9 0%, #6dd5fa 50%, #ffffff 100%);Текст на этом градиенте
Aa
1.00:1
Aa
4.39:1
Если мерить по всем стопам, почти чёрный текст держит в худшем случае контраст 4.39:1. Проходит WCAG AA только для крупного текста (3:1) — ставьте от 24px, либо 18,7px жирным.
Цветовые остановки
Об этом градиенте
Небо (Sky) — готовый CSS-градиент с 3 остановками цвета. Скопируйте CSS ниже, откройте в конструкторе, чтобы изменить угол и стопы, или нажмите на любой цвет для подробностей.
Ещё градиенты