CSS repeating-linear-gradient() 函数

定义和用法

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, ...);

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

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الفنction لأول مرة.

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

دروس:التنقلات لـ CSS

Hausa reference:CSS background-image Shuxing

Hausa reference:فنction conic-gradient() لـ CSS

Hausa reference:فنction linear-gradient() لـ CSS

Hausa reference:فنction radial-gradient() لـ CSS

Hausa reference:Hausa CSS repeating-conic-gradient() function

Hausa reference:Hausa CSS repeating-radial-gradient() function