repeating-radial-gradient()

CSS repeating-radial-gradient() funksiyasi radial gradientlarni takrorlash uchun ishlatiladi.

Radial gradient	Takrorlanuvchi radial gradient

Takrorlanuvchi radial gradient:

#grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%); }

Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Funksiya
repeating-radial-gradient()	26	10	16	6.1	12.1
Ikki pozitsiyali rang to‘xtash nuqtalari	71	79	64	12.1	58

repeating-radial-gradient(shape size at position, start-color, ..., last-color);

Qiymat	Tavsif
shape	Gradient shaklini belgilaydi. Mumkin bo‘lgan qiymatlar: ellipse (standart) circle
size	Gradient o‘lchamini belgilaydi. Mumkin bo‘lgan qiymatlar: farthest-corner (standart) closest-side closest-corner farthest-side
at position	Gradientning joylashuvini belgilaydi. Standart qiymat: "center"
start-color, ..., last-color	Rang to‘xtash nuqtalari — ular orasida silliq o‘tishlar hosil qilmoqchi bo‘lgan ranglaringiz. Bu qiymat rang qiymati va undan keyin keladigan bitta yoki ikkita ixtiyoriy to‘xtash joyidan (0% dan 100% gacha bo‘lgan foiz yoki gradient o‘qi bo‘ylab uzunlik) iborat.

Versiya:	CSS Images moduli, 3-daraja

shape size va at position belgilangan yana bir takrorlanuvchi radial gradient:

#grad1 { background-image: repeating-radial-gradient(ellipse farthest-corner at 25% 25%, red, yellow 10%, green 15%); }

Ikkita rang to‘xtash pozitsiyasi belgilangan yana bir takrorlanuvchi radial gradient:

#grad1 { background-image: repeating-radial-gradient(red 0% 10%, yellow 11% 21%, green 22% 32%); }

Yutuqlaringizni kuzating – bu bepul!