CSS opacity() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS opacity() ফিল্টার ফাংশনটি এলিমেন্টকে স্পষ্টতা প্রভাব আরোপ করার জন্য ব্যবহৃত হয়

• 100%（বা 1）তো কোনও প্রভাব নেই
• 50%（বা 0.5）তো এলিমেন্টটি 50% স্পষ্ট হবে
• 0%（বা 0）তো এলিমেন্টটি সম্পূর্ণরূপে স্পষ্ট হবে

ইনস্ট্যান্স

উদাহরণ 1

ছবিতে ভিন্ন স্পষ্টতা নির্ধারণ করুন:

#img1 {
  filter: opacity(80%);
}
#img2 {
  filter: opacity(50%);
}
#img3 {
  filter: opacity(0.2);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

যোগ করুন opacity() সঙ্গে backdrop-filter সমযোজ্য এটি ব্যবহার করুন:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: opacity(50%);
  backdrop-filter: opacity(50%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS সংজ্ঞা

opacity(amount)

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা হল এই ফাংশনটি পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণ

সংশ্লিষ্ট পাতা

উল্লেখ:CSS ফিল্টার প্রতিভা

উল্লেখ:CSS blur() ফাংশন

উল্লেখ:CSS brightness() ফাংশন

উল্লেখ:CSS contrast() ফাংশন

উল্লেখ:CSS drop-shadow() ফাংশন

উল্লেখ:CSS grayscale() ফাংশন

উল্লেখ:CSS hue-rotate() ফাংশন

উল্লেখ:CSS invert() ফাংশন

উল্লেখ:CSS saturate() ফাংশন

উল্লেখ:CSS sepia() ফাংশন