এলিমেন্টের অপাসিটি লেভেল সেট করতে জাভাস্ক্রিপ্টে opacity প্রপার্টিটি ব্যবহার করুন।
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: gray; } </style> </head> <body> <p>নিচে ক্লিক করুন অপাসিটি সেট করতে।</p> <button type="button" onclick="display()">অপাসিটি সেট করুন</button> <div id="box"> <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p> <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p> <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p> </div> <br> <script> function display() { document.getElementById("box").style.opacity = "0.5"; } </script> </body> </html>
ব্যাখ্যা: opacity মান ০.০ (পুরোপুরি 투명) থেকে ১.০ (পুরোপুরি ওপেক) পর্যন্ত। এটি এলিমেন্ট এবং এর সব চাইল্ডকে প্রভাবিত করে। শুধু ব্যাকগ্রাউন্ডে ট্রান্সপেরেন্সি চাইলে rgba() বা hsla() রং ব্যবহার করুন। opacity এনিমেশন এবং ফেড-ইন/আউট ইফেক্টের জন্য খুব জনপ্রিয়।
