توابع repeating-conic-gradient() در CSS

تعریف و استفاده

CSS repeating-conic-gradient() توابع برای تکرار نمودار مکعبی استفاده می‌شود.

نمودار مکعبی	تکرار نمودار مکعبی

conic-gradient(red, yellow);	repeating-conic-gradient(red 10%, yellow 20%);

یک گرادیان کonic تکرار شده:

#grad {
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}

گرادیان کonic تکرار شده با تعیین نقطه‌ی شروع و پایان رنگ:

#grad {
  background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

یک گرادیان کonic تکرار شده با تنظیم زاویه‌ی شروع و موقعیت مرکزی:

#grad1 {
  background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

repeating-conic-gradient([from زاویه] وضعیت,] درجه‌ی رنگ, درجه‌ی رنگ, ... );

مقدار	توضیحات
from زاویه	قابل انتخاب. کل زاویه‌ی گرادیان کonic به این زاویه می‌چرخد. مقدار پیش‌فرض 0deg است.
at وضعیت	قابل انتخاب. نقطه‌ی مرکزی زاویه‌ای را مشخص می‌کند. مقدار پیش‌فرض center است.
درجه‌ی رنگ, ... , درجه‌ی رنگ	نقطه‌ی پایان رنگ شما رنگ‌هایی است که می‌خواهید در بین آن‌ها انتقال نرم داشته باشید. این مقدار از مقادیر رنگ و یک یا دو موقعیت متوقف قابل انتخاب (درجه‌ی بین 0 تا 360 درجه یا درصد بین 0% تا 100%) تشکیل شده است.

مقدار

توضیحات

from زاویه

قابل انتخاب. کل زاویه‌ی گرادیان کonic به این زاویه می‌چرخد.

مقدار پیش‌فرض 0deg است.

at وضعیت

قابل انتخاب. نقطه‌ی مرکزی زاویه‌ای را مشخص می‌کند.

مقدار پیش‌فرض center است.

درجه‌ی رنگ, ... , درجه‌ی رنگ

نقطه‌ی پایان رنگ شما رنگ‌هایی است که می‌خواهید در بین آن‌ها انتقال نرم داشته باشید.

این مقدار از مقادیر رنگ و یک یا دو موقعیت متوقف قابل انتخاب (درجه‌ی بین 0 تا 360 درجه یا درصد بین 0% تا 100%) تشکیل شده است.