CSS repeating-linear-gradient() ফাংশন
- আগের পৃষ্ঠা CSS repeating-conic-gradient() ফাংশন
- পরবর্তী পৃষ্ঠা CSS repeating-radial-gradient() ফাংশন
- একটি স্তর উপরে CSS ফাংশন রেফারেন্স হান্ডবুক
বিবরণ ও ব্যবহার
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 to side-or-corner, color-stop1, color-stop2, ...);
| মান | বিবরণ |
|---|---|
| angle | গ্রেডেন্টের দিক নির্ধারণ |
| side-or-corner |
গ্রেডেন্ট লাইনের ভাবস্থান নির্ধারণ এটি দুইটি শব্দকেন্দ্রিক দ্বারা গঠিত: প্রথমটি হল অনুপ্রস্থ দিক (left বা right) এবং দ্বিতীয়টি হল উপরোক্ত দিক (top বা bottom) ক্রম গুরুত্বপূর্ণ নয় এবং প্রত্যেকটি শব্দকেন্দ্রিক অপশনাল |
| color-stop1, color-stop2,... |
রঙ শেষপদটি এটি হল যেখানে আপনি সমতল পরিবর্তন দেখতে চান এই মানটি রঙ মান এবং একটি বা দুইটি বাছাইকৃত স্থগ্যলক্ষ্য (0% থেকে 100% এর মধ্যে প্রতিশত বা গ্রেডেন্ট অক্স দৈর্ঘ্য) দ্বারা গঠিত |
কার্যকারিতা বিবরণ
| সংস্করণঃ | CSS Images Module Level 3 |
|---|
ব্রাউজার সমর্থন
টেবিলের সংখ্যা প্রথম এই ƒাংশটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণটি উল্লেখ করে
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| repeating-linear-gradient() | ||||
| 26 | 10 | 16 | 6.1 | 12.1 |
| দুইটি স্থানের রঙ শেষপদ | ||||
| 71 | 79 | 64 | 12.1 | 58 |
সংশ্লিষ্ট পাতা
শিক্ষাবইঃCSS ƒাংশ
উল্লেখ:CSS background-image প্রোপার্টি
উল্লেখ:CSS conic-gradient() ƒাংশ
উল্লেখ:CSS linear-gradient() ƒাংশ
উল্লেখ:CSS radial-gradient() ƒাংশ
- আগের পৃষ্ঠা CSS repeating-conic-gradient() ফাংশন
- পরবর্তী পৃষ্ঠা CSS repeating-radial-gradient() ফাংশন
- একটি স্তর উপরে CSS ফাংশন রেফারেন্স হান্ডবুক
