Функсияи repeating-radial-gradient

Функсияи repeating-radial-gradient градиенти радиалии такроршавандаро муайян мекунад. Ин маънои онро дорад, ки мо нақши муайяни градиентро муайян мекунем, масалан, аз 0px то 10px - градиент аз сурх то кабуд ва ин градиент ба тамоми блок такрор мешавад: 0px то 10px, аз 10px то 20px, аз 20px то 30px ва ҳамин тавр.

Функсия бо ҳамон параметрҳо кор мекунад, ки radial-gradient, фарқ танҳо дар таъсири такрор аст. Параметрҳои қабулшавандаро дар тавсифи radial-gradient бубинед.

Синтаксис

интихобкунанда {
	background: repeating-radial-gradient([шакл навъ ҷойгиршавӣ], ранг1 андоза1, ранг2 андоза2...);
}

Намуна

Доираҳои концентрӣ:

<div id="elem"></div>

#elem {
	background: repeating-radial-gradient(circle at center, red 0px, red 2px, white 2px, white 4px);
	width: 400px;
	height: 200px;
}

Намуна

Эллипсҳои концентрӣ:

<div id="elem"></div>

#elem {
	background: repeating-radial-gradient(ellipse at center, red 0px, red 4px, white 4px, white 8px);
	width: 400px;
	height: 200px;
}

Намуна

Доираҳои концентриро дар марказ ҷойгир накарда, балки дар канор ҷойгир мекунем:

<div id="elem"></div>

#elem {
	background: repeating-radial-gradient(circle at 50px 100px, red 0px, red 2px, white 2px, white 4px);
	width: 400px;
	height: 200px;
}

Ҳамчунин бубинед

функсияи repeating-linear-gradient,
ки градиенти хатии такроршавандаро эҷод мекунад
функсияи linear-gradient,
ки градиенти хатиро эҷод мекунад
функсияи radial-gradient,
ки градиенти радиалиро эҷод мекунад