Градиент Космос
CSS
background: radial-gradient(circle, #1a1a2e 0%, #16213e 50%, #0f3460 100%);Открыть в конструкторе →
Другие форматы
CSS-переменная
--gradient-cosmic: radial-gradient(circle, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
Произвольное значение Tailwind
bg-[radial-gradient(circle,_#1a1a2e_0%,_#16213e_50%,_#0f3460_100%)]
Те же цвета, другие формы
Те же стопы, пропущенные через остальные функции градиента — берите ту, что подходит поверхности.
Линейный
background: linear-gradient(0deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);Конический
background: conic-gradient(from 0deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);Текст на этом градиенте
Aa
12.50:1
Aa
1.11:1
Если мерить по всем стопам, белый текст держит в худшем случае контраст 12.50:1. Проходит WCAG AA для основного текста (4,5:1).
Цветовые остановки
Об этом градиенте
Космос (Cosmic) — готовый CSS-градиент с 3 остановками цвета. Скопируйте CSS ниже, откройте в конструкторе, чтобы изменить угол и стопы, или нажмите на любой цвет для подробностей.
Ещё градиенты