فنکشن 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 to side-or-corner, color-stop1, color-stop2, ...);

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ

ਸਟੇਬਲ ਵਰਜਨ ਦੇ ਨਾਮ ਅਤੇ ਨੰਬਰ ਦੇ ਪਿੱਛੇ ਸਥਿਤ ਸੰਖਿਆਵਾਂ ਵਿੱਚੋਂ ਪਹਿਲਾ ਸਮਰੱਥ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਦਾ ਨਾਮ ਅਤੇ ਨੰਬਰ ਦਰਸਾਉਂਦੀਆਂ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆਚਾਰਕ:CSS ਗ੍ਰੇਡੀਐਂਟ

ਸਲਾਹਦਾਰੀ:سی ایس ایس بیک گراؤنڈ انائیبل خصوصیات

ਸਲਾਹਦਾਰੀ:CSS conic-gradient() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS linear-gradient() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS radial-gradient() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS repeating-conic-gradient() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀ:CSS repeating-radial-gradient() ਫੰਕਸ਼ਨ