ফায়ারফক্স, সাফারি, ক্রোম, ওপেরায় CSS অপাসিটি

আধুনিক সব ওয়েব ব্রাউজার যেমন ফায়ারফক্স, গুগল ক্রোম, ওপেরা ইত্যাদিতে অপাসিটি কাজ করাতে, opacity প্রপার্টি ব্যবহার করুন এবং CSS ক্লাসের অধীনে সেট করুন:

transparent {
    opacity: 0.3;
}

উদাহরণ

নিচের কোডটি আধুনিক ব্রাউজারগুলিতে opacity কাজ করার পদ্ধতি দেখায়:

<!DOCTYPE html>
<html>
<head>
<style>
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
img {
    width: 270px;
    height: 200px;
}
.transparent {
    opacity: 0.3;
}
</style>
</head>
<body>
<h1>Opacity example</h1>
<img src="https://i.picsum.photos/id/505/800/800.jpg" >
<img class="transparent" src="https://i.picsum.photos/id/505/800/800.jpg" >
</body>
</html>

আউটপুট

উপরোক্ত কোড নিচের আউটপুটটি তৈরি করবে: