دستورالعمل مرجع CSS

ویژگی‌های CSS

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	پایان‌های رنگی جایی است که می‌خواهید过渡‌های پیوسته رنگی را در آنجا نمایش دهید. این مقدار از یک یا دو موقعیت متوقف (درصد یا طول در طول محور تغییر رنگ) و یک یا دو رنگ تشکیل شده است.