CSS repeating-conic-gradient() hanshu

dingyi he yongfa

CSS repeating-conic-gradient() hanshu yongyu chongfu zhenxing jianbian。

zhenxing jianbian	gudan zhenxing jianbian

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

تنقل كوني مكرر:

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

تنقل كوني مكرر مع تحديد نقطة البداية والانتهاء للألوان:

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

تنقل كوني مكرر آخر مع تحديد الزاوية والنقطة المركزية:

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

repeating-conic-gradient([من زاوية][في الموقع,] درجة الألوان, درجة الألوان, ...);

القيمة	الوصف
من زاوية	اختياري. تدوير التنقل الكوني بأكمله بهذا الزاوية. القيمة الافتراضية هي 0deg.
في الموقع	اختياري. تحديد نقطة مركز التنقل الكوني. القيمة الافتراضية هي center.
درجة الألوان, ... , درجة الألوان	نقطة انتهاء الألوان هي الألوان التي تريد أن تظهر فيها انتقالات سلسة. هذا القيمة يتكون من قيم الألوان وواحدة أو اثنتين من مواقع التوقف الاختيارية (زاوية بين 0 إلى 360 درجة أو نسبة بين 0% إلى 100%)

القيمة

الوصف

من زاوية

اختياري. تدوير التنقل الكوني بأكمله بهذا الزاوية.

القيمة الافتراضية هي 0deg.

في الموقع

اختياري. تحديد نقطة مركز التنقل الكوني.

القيمة الافتراضية هي center.

درجة الألوان, ... , درجة الألوان

نقطة انتهاء الألوان هي الألوان التي تريد أن تظهر فيها انتقالات سلسة.

هذا القيمة يتكون من قيم الألوان وواحدة أو اثنتين من مواقع التوقف الاختيارية (زاوية بين 0 إلى 360 درجة أو نسبة بين 0% إلى 100%)