কম্পিউটার টিউটোরিয়াল

CSS-এ লিনিয়ার গ্রেডিয়েন্ট রিপিট করা

লিনিয়ার গ্রেডিয়েন্ট রিপিট করতে repeating-linear-gradient() মেথড ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 300px;             background: repeating-linear-gradient(green 20%, orange 40%, maroon 40%);          }       </style>    </head>    <body>       <p>রিপিটিং লিনিয়ার গ্রেডিয়েন্ট।</p>       <div id = "demo"></div>    </body> </html>
  1. CSS-এ রেডিয়াল গ্রেডিয়েন্ট রিপিট করা

  2. CSS-এ repeating-linear-gradient() ফাংশন ব্যবহার

  3. CSS-এ রেডিয়াল গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ সেট করুন

  4. CSS দিয়ে স্ক্রলে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কালার পরিবর্তন