CSS-এ ইমেজের অপাসিটি (opacity) সেট করা

ইমেজের অপাসিটি সেট করতে CSS -moz-opacity property ব্যবহার করা হয় (Mozilla-র জন্য)। IE-তে filter:alpha(opacity=x) ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে ইমেজ স্টাইল করা এবং অপাসিটি সেট করা শিখুন:

<html>
  <head>
  </head>
  <body>
    <img style="border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"
      src="https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
  </body>
</html>

আধুনিক মানদণ্ড: opacity: 0.2; ব্যবহার করুন। মান ০ (পুরোপুরি ট্রান্সপারেন্ট) থেকে ১ (পুরোপুরি অপেক) পর্যন্ত। 자식 এলিমেন্টও প্রভাবিত হয়। শুধু পটভূমি ট্রান্সপারেন্ট করতে চাইলে rgba() বা hsla() রঙ ব্যবহার করুন।