Сравнение linear, radial и conic CSS-градиентов
Выберите функцию с подходящей геометрией перехода.
ЧитатьОсновы CSS-градиентов
Разберитесь с функциями, точками и кодом
Три руководства объясняют геометрию, позиции точек и итоговый background-image.
Как работают цветовые точки CSS-градиента
Используйте явные проценты, порядок совпадений и вставку в середину.
ЧитатьСинтаксис CSS-градиента: от настроек к коду
Разберите каждый токен стабильного свойства background-image.
Читать