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

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


radial-gradient() CSS ফাংশন ব্যবহার করে রেডিয়াল গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ হিসেবে সেট করুন। নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      #demo {
        height: 200px;
        background: radial-gradient(green, orange, maroon);
      }
    </style>
  </head>
  <body>
    <p>ব্যাকগ্রাউন্ড রেডিয়াল গ্রেডিয়েন্ট হিসেবে সেট করা হয়েছে।</p>
    <div id="demo"></div>
  </body>
</html>

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

  2. CSS দিয়ে বাটনের প্রস্থ সেট করুন

  3. CSS দিয়ে ছবির ওপর বাটন রাখুন

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