وظيفة repeating-linear-gradient() في CSS

التعريف والاستخدام

CSS repeating-linear-gradient() الوظيفة تستخدم لتدرج الخطي المكرر.

مثالًا:

مثال

مثال 1

تمدد خط تدرج مكرر:

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

تجربة شخصية

مثال 2

تمدد خطوط التدرج المختلفة:

#grad1 {
  background-image: repeating-linear-gradient(45deg, red, blue 7%, green 10%);
}
#grad2 {
  background-image: repeating-linear-gradient(190deg, red, blue 7%, green 10%);
}
#grad3 {
  background-image: repeating-linear-gradient(90deg, red, blue 7%, green 10%);
}

تجربة شخصية

النصوص CSS

repeating-linear-gradient(angle إلى side-or-corner, color-stop1, color-stop2, ...);

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.

الصفحات ذات الصلة

دليل التعليمات:التمدد CSS

المرجع:خصائص background-image CSS

المرجع:وظيفة CSS conic-gradient()

المرجع:وظيفة CSS linear-gradient()

المرجع:وظيفة CSS radial-gradient()

المرجع:دالة CSS repeating-conic-gradient()

المرجع:دالة CSS repeating-radial-gradient()