توابع 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()

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

ارجاع:توابع repeating-radial-gradient() CSS