فنکشن repeating-linear-gradient() در CSS

پچھلے صفحے CSS repeating-conic-gradient() کا فنکشن
آئندہ صفحہ CSS repeating-radial-gradient() کا فنکشن
ایک سطر اوپر واپس سی ایس ایس فنکشن مجوز شامل دستورالعمل

تعریف و کاربرد

CSS repeating-linear-gradient() فنکشن برای تکرار شونده خطی گرادیانت استفاده می‌شود.

مثال:

گرادیانت خطی	تکرار شونده خطی گرادیانت

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

مثال

مثال 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, ...);

مقادیر	توضیح
angle	زوایای جهت گریدینت را تعریف می‌کند. از 0deg تا 360deg. مقدار پیش‌فرض 180deg است.
side-or-corner	موقعیت شروع خط گریدینت را تعریف می‌کند. این شامل دو کلمه کلیدی است: اولی نشان‌دهنده‌ی جهت افقی (left یا right) و دومی نشان‌دهنده‌ی جهت عمودی (top یا bottom). ترتیب مهم نیست و هر کلمه کلیدی قابل انتخاب است.
color-stop1, color-stop2,...	نقطه‌ی پایان رنگ جایی است که می‌خواهید رنگ‌های انتقال نرم را نشان دهید. این مقدار از یک مقدار رنگ و یک یا دو موقعیت متوقف قابل انتخاب (درصد بین 0% تا 100% یا طول در طول محور گریدینت) تشکیل شده است.

مقادیر

توضیح

angle

زوایای جهت گریدینت را تعریف می‌کند. از 0deg تا 360deg. مقدار پیش‌فرض 180deg است.

side-or-corner

موقعیت شروع خط گریدینت را تعریف می‌کند.

این شامل دو کلمه کلیدی است: اولی نشان‌دهنده‌ی جهت افقی (left یا right) و دومی نشان‌دهنده‌ی جهت عمودی (top یا bottom).

ترتیب مهم نیست و هر کلمه کلیدی قابل انتخاب است.

color-stop1, color-stop2,...

نقطه‌ی پایان رنگ جایی است که می‌خواهید رنگ‌های انتقال نرم را نشان دهید.

این مقدار از یک مقدار رنگ و یک یا دو موقعیت متوقف قابل انتخاب (درصد بین 0% تا 100% یا طول در طول محور گریدینت) تشکیل شده است.