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

CSS3 অপাসিটি প্রপার্টি


অপাসিটি হলো पतলা রঙ কালো যোগ করে অপাসিটি বাড়াতে হয়।

নিচের উদাহরণটি CSS3 অপাসিটি প্রপার্টি দেখাচ্ছে:

উদাহরণ

  <html>
  <head>
  <style>
  #m1 {background-color:rgb(255,0,0);opacity:0.6;}
  #m2 {background-color:rgb(0,255,0);opacity:0.6;}
  #m3 {background-color:rgb(0,0,255);opacity:0.6;}
  </style>
  </head>
  <body>
  <p>HSLA কালার:</p>
  <p id="m1">লাল</p>
  <p id="m2">সবুজ</p>
  <p id="m3">নীল</p>
  </body>
  </html>

  1. CSS ব্যবহার করে ক্রস-ব্রাউজার অপাসিটি সেট করার পদ্ধতি

  2. CSS Transition Shorthand Property (ট্রানজিশন শর্টহ্যান্ড)

  3. সকল ব্রাউজারে কাজ করার CSS Opacity (Opacity for All Browsers)

  4. HTML DOM Style opacity প্রোপার্টি