funshiya CSS repeating-radial-gradient()

kaɗaɗen daɗin da ake amfani da shi

CSS repeating-radial-gradient() funshiya keɓaɗe taɗaɗin dama-ɗin yimɗi.

taɗaɗin dama-ɗin	taɗaɗin dama-ɗin yimɗi

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

a taɗaɗin dama-ɗin:

#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% أو طول على طول محور التدرج).