Градиент Рассвет
CSS
background: linear-gradient(160deg, #fef08a 0%, #fb923c 55%, #c084fc 100%);Открыть в конструкторе →
Другие форматы
CSS-переменная
--gradient-sunrise: linear-gradient(160deg, #fef08a 0%, #fb923c 55%, #c084fc 100%);
Произвольное значение Tailwind
bg-[linear-gradient(160deg,_#fef08a_0%,_#fb923c_55%,_#c084fc_100%)]
Те же цвета, другие формы
Те же стопы, пропущенные через остальные функции градиента — берите ту, что подходит поверхности.
Обратное направление
background: linear-gradient(340deg, #fef08a 0%, #fb923c 55%, #c084fc 100%);Радиальный
background: radial-gradient(circle, #fef08a 0%, #fb923c 55%, #c084fc 100%);Конический
background: conic-gradient(from 160deg, #fef08a 0%, #fb923c 55%, #c084fc 100%);Текст на этом градиенте
Aa
1.16:1
Aa
7.15:1
Если мерить по всем стопам, почти чёрный текст держит в худшем случае контраст 7.15:1. Проходит WCAG AA для основного текста (4,5:1).
Цветовые остановки
Об этом градиенте
Рассвет (Sunrise) — готовый CSS-градиент с 3 остановками цвета. Скопируйте CSS ниже, откройте в конструкторе, чтобы изменить угол и стопы, или нажмите на любой цвет для подробностей.
Ещё градиенты