কম্পিউটার

CSS দিয়ে একটি ছবির অপাসিটি সেট করুন


একটি ছবির অপাসিটি সেট করতে, CSS -moz-opacity ব্যবহার করুন সম্পত্তি এই বৈশিষ্ট্যটি Mozilla-এ একটি স্বচ্ছ চিত্র তৈরি করতে ব্যবহৃত হয়। IE filter:alpha(opacity=x) ব্যবহার করে স্বচ্ছ ছবি তৈরি করতে।

উদাহরণ

আপনি একটি ইমেজ স্টাইল করতে এবং 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>

  1. CSS দিয়ে একটি বাক্সের উচ্চতা সেট করুন

  2. CSS দিয়ে বর্ডার ইমেজের প্রস্থ সেট করুন

  3. CSS দিয়ে ইমেজ পাথ সেট করুন

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