CSS repeating-radial-gradient() فانکشن

تعریف و استعمال

CSS repeating-radial-gradient() فانکشن تکرار شدہ دائرہ کا گرادیئن استعمال کے لئے ہے۔

دائرہ کا گرادیئن	تکرار شدہ دائرہ کا گرادیئن

radial-gradient(red, yellow, green);	repeating-radial-gradient(red, yellow 10%, green 15%);

ایک تکرار شدہ دائرہ کا گرادیئن:

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

یک گریدینت径وی تکراری دیگر، تنظیم شده است برای شکل، اندازه و موقعیت:

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

یک گریدینت径وی تکراری دیگر، دو نقطه‌ی پایان رنگ تنظیم شده است:

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

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

مقدار	توضیح
shape	تعریف شکل گریدینت. مقادیر ممکن: ellipse (پیش‌فرض) circle
size	تعریف اندازه گریدینت. مقادیر ممکن: farthest-corner (پیش‌فرض) closest-side closest-corner farthest-side
at position	تعریف موقعیت گریدینت. مقدار پیش‌فرض "center" است.
start-color, ... , last-color	نقطه‌ی پایان رنگ جایی است که می‌خواهید رنگ‌های انتقال نرم بین آن‌ها نمایش داده شود. این مقدار از مقدار رنگ و یک یا دو موقعیت متوقف انتخابی (درصد بین 0% تا 100% یا طول در طول محور گریدینت) تشکیل شده است.