ফাংশন opacity

ফাংশন opacity ব্যাকগ্রাউন্ড ইমেজের স্বচ্ছতা পরিবর্তন করতে দেয়। মান 100% বা 1 ইমেজটির তার আসনীয় স্বচ্ছতা রাখে। মান 0 বোঝায়, যে ইমেজটি সম্পূর্ণরূপে স্বচ্ছ হয়ে যাবে। এই পরিসরে অবস্থিত যেকোনো সংখ্যা ব্যাকগ্রাউন্ডের আংশিক স্বচ্ছতা নির্ধারণ করে। নেতিবাচক মান নির্ধারণ করা যায় না। ডিফল্টভাবে মান হল 1।

সিনট্যাক্স

cssসিলেক্টর {
  filter: opacity(সংখ্যা);
}

উদাহরণ

আসুন আমাদের ইমেজের স্বচ্ছতা 50% সেট করি:

html<div id="elem"></div>

css#elem {
  filter: opacity(50%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এবং এখন স্বচ্ছতা 100% সেট করি:

html<div id="elem"></div>

css#elem {
  filter: opacity(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এবং এখন ফাংশন opacity-এ মান 0 নির্ধারণ করি:

html<div id="elem"></div>

css#elem {
  filter: opacity(0);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

আরও দেখুন