repeating-radial-gradient - радиальный градиент
CSS-функция repeating-radial-radius () создает изображение, состоящее из повторяющихся градиентов, исходящих из источника.
Он похож на radial-Gradient и принимает те же аргументы, но он повторяет остановки цвета бесконечно во всех направлениях, чтобы покрыть весь контейнер. Результатом функции является объект типа данных <градиент>, который является особым видом <image>.
Синтаксис написания аналогичен функции radial-gradient, существует три самых популярных варианта использования повторяющегося радиального градиента:
Вариант 1:
background: repeating-radial-gradient(#e66465, #9198e5 20%);Вариант 2:
background: repeating-radial-gradient(closest-side, #3f87a6, #ebf8e1, #f69d3c);Вариант 3:
background: repeating-radial-gradient(circle at 100%, #333, #333 10px, #eee 10px, #eee 20px);===
Читать о повторе градиента - repeating-linear-gradient
Примеры линейных градиентов как фона - смотреть
Онлайн генератор градиента - http://www.colorzilla.com/gradient-editor/
| Chrome | Edge | Firefox | Internet | Opera | Safari |
| 26 | 12 | 16 | 10 | 12.1 | 6.1 |
| Android | Chrome | Edge | Firefox | Opera | Safari | Samsung |
| 4.4 | 26 | Yes | 46 | 12.1 | 7.1 | Yes |