» » repeating-radial-gradient - радиальный градиент
36 0  

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

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019