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

linear-gradient() CSS ফাংশন ব্যবহার করে লিনিয়ার গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ তৈরি করা হয়। রঙের সংক্রমণ একটি সরল রেখা অনুযায়ী হয়।

উদাহরণ

নিচের কোডটি চালিয়ে CSS-এ linear-gradient() ফাংশনের ব্যবহার দেখুন:

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      #demo { 
        height: 200px; 
        background: linear-gradient(green, orange, maroon); 
      } 
    </style> 
  </head> 
  <body> 
    <p>Setting background as linear gradient.</p> 
    <div id="demo"></div> 
  </body> 
</html>

ব্যাখ্যা: linear-gradient(green, orange, maroon) উপরে থেকে নিচে সবুজ → নারঙ্গি → marroon রঙের সংক্রমণ তৈরি করেছে। ডিফল্ট দিক to bottom। দিক পরিবর্তন করতে: linear-gradient(to right, red, blue)। রঙের স্টপ পজিশনও দেওয়া যায়: linear-gradient(red 10%, blue 90%)।