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

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


ব্যাকগ্রাউন্ড কালারের ওপাসিটি সেট করতে RGBA কালার ভ্যালুর সাথে opacity প্রোপার্টি ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে opacity প্রোপার্টি ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       div {         background: rgb(40, 135, 70);         padding: 20px;       }       div.first {         background: rgba(40, 135, 70, 0.2);       }       div.second {         background: rgba(40, 135, 70, 0.6);       }     </style>   </head>   <body>     <p>RGBA color values</p>     <div class = "first"><p>20% opacity</p></div>     <div class = "second"><p>60% opacity</p></div>     <div><p>Default Opacity</p></div>   </body> </html>

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

  2. CSS flex-direction: row দিয়ে ফ্লেক্স আইটেম হরিজেন্টাল সেট করা

  3. CSS-এ গ্রিড আইটেমের নাম সেট করুন

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