CSS repeating-linear-gradient() ফাংশন দিয়ে লিনিয়ার গ্রেডিয়েন্ট রিপিট করা

repeating-linear-gradient() ফাংশন ব্যবহার করে লিনিয়ার গ্রেডিয়েন্টকে বারবার রিপিট করা যায়। এটি প্যাটার্ন, স্ট্রাইপ বা ব্যাকগ্রাউন্ড টেক্সচার তৈরির জন্য আদর্শ।

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      #demo {
        height: 100px;
        background: repeating-linear-gradient(red, yellow 30%, green 30%);
      }
    </style>
  </head>
  <body>
    <h2>Linear Gradient</h2>
    <div id="demo">Repeating Linear Gradients</div><br>
  </body>
</html>

নোট: রঙের স্টপে পিক্সেল বা পার্সেন্টেজ ব্যবহার করে রিপিটের প্রায়োজনীয় চওড়া নিয়ন্ত্রণ করা যায়।