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

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

ব্যাকগ্রাউন্ড ইমেজ হিসেবে লিনিয়ার গ্রেডিয়েন্ট সেট করতে linear-gradient() CSS ফাংশন ব্যবহার করুন। নিচের উদাহরণটি চেষ্টা করুন।

উদাহরণ

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

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

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

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