কম্পিউটার

CSS3 ব্যবহার করে চিত্রগুলিতে অস্বচ্ছতা প্রয়োগ করা


CSS3 সহ ইমেজে অপাসিটি প্রয়োগ করতে, ফিল্টার প্রপার্টির জন্য অপাসিটি মান ব্যবহার করুন।

উদাহরণ

আসুন একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: opacity(60%);
}
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>

আউটপুট

CSS3 ব্যবহার করে চিত্রগুলিতে অস্বচ্ছতা প্রয়োগ করা


  1. CSS3 ব্যবহার করে ফ্লেক্স আইটেম মোড়ানো সক্ষম করুন

  2. CSS3 ব্যবহার করে স্বতন্ত্র ফ্লেক্স আইটেমগুলি পুনরায় সাজানো

  3. CSS3 ব্যবহার করে উপাদানের 2D রূপান্তর

  4. CSS3 ব্যবহার করে ওয়ার্ড ব্রেকিং নিয়ম উল্লেখ করুন