CSS-এ ইমেজ স্টাইল করতে height, width, -moz-opacity ইত্যাদি property ব্যবহার করা হয়। নিচে -moz-opacity ব্যবহার করে ট্রান্সপারেন্ট ইমেজ তৈরির উদাহরণ দেওয়া হলো।
-moz-opacity property (Mozilla-র জন্য) ইমেজের অপাসিটি (opacity) সেট করে। IE-তে filter:alpha(opacity=x) ব্যবহার করা হয়। আধুনিক ব্রাউজারগুলো opacity property সমর্থন করে।
উদাহরণ
নিচের কোডটি রান করে CSS-এ ইমেজ স্টাইল করা এবং অপাসিটি সেট করা শিখুন:
<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>
সুপারিশ: আধুনিক CSS-এ শুধু opacity: 0.5; ব্যবহার করুন। এটি সব ব্রাউজারে কাজ করে। -moz-opacity এবং filter:alpha প্রাচীন পদ্ধতি।
