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

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

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 درجه][at وضعیت,] درجه رنگ, درجه رنگ, ... );

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

مقدار

توضیحات

from درجه

اختیاری. کل تدرج کonic به این درجه می‌چرخد.

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

at وضعیت

اختیاری. نقطه مرکزی تدرج کonic را مشخص می‌کند.

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

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

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

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