CSS-এ রেইনবো রঙের লিনিয়ার গ্রেডিয়েন্ট (linear gradient) তৈরি করা

রেইনবোর মতো রঙিন লিনিয়ার গ্রেডিয়েন্ট তৈরি করতে নিচের কোডটি রান করুন।

উদাহরণ

<!DOCTYPE html> <html>
  <head>
    <style>
      #demo {
        height: 100px;
        background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
      }
    </style>
  </head>
  <body>
    <h2>Linear Gradient</h2>
    <div id="demo">Rainbow</div><br>
  </body>
</html>

সিনট্যাক্স: linear-gradient(direction, color-stop1, color-stop2, ...)। দিক: to right, to bottom right, 45deg ইত্যাদি। রঙ স্টপে পজিশন দিতে পারেন: red 0%, orange 14%।