CSS-এ ট্রান্সপারেন্ট (transparent) ইমেজ তৈরি করা

ট্রান্সপারেন্ট ইমেজ তৈরি করতে CSS -moz-opacity property ব্যবহার করা হয়। (আধুনিক ব্রাউজারগুলো opacity property সমর্থন করে)।

উদাহরণ

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

<html>
  <head>
  </head>
  <body>
    <img style="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>

গুরুত্বপূর্ণ: -moz-opacity এবং filter:alpha প্রাচীন পদ্ধতি। বর্তমানে শুধু opacity: 0.5; ব্যবহার করুন। এটি সব ব্রাউজারে কাজ করে (IE9+)।