CSS invert() ফাংশন

পূর্ববর্তী পৃষ্ঠা CSS inset() ফাংশন
পরবর্তী পৃষ্ঠা CSS lab() ফাংশন
একত্রীকরণ করুন CSS ফাংশন পরিচিতি হান্ডবুক

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

CSS- invert() ফিল্টার ফাংশন ছবির রঙ পরিবর্তনের জন্য ব্যবহৃত হয়。

100% (1) ছবি সম্পূর্ণ পরিবর্তন করবে
0% (0) কোনও প্রভাব নেই

প্রকল্প

উদাহরণ 1

ছবির রঙ পরিবর্তন করুন

#img1 {
  filter: invert(0.3);
}
#img2 {
  filter: invert(70%);
}
#img3 {
  filter: invert(100%);
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

পরিবর্তন করুন invert() সঙ্গে backdrop-filter সমস্ত অ্যাট্রিবিউটস মিলিত ব্যবহার করুন:

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

আপনার নিজেই প্রয়াস করুন

CSS সিন্থ্যাক্স

invert(amount)

মান	বর্ণনা
amount	অপশনাল। পরিবর্তনের মাত্রা নির্দিষ্ট করুন, যা হতে পারে সংখ্যা বা পূর্তি。 100% (1) ইলেক্ট্রনম সম্পূর্ণ পরিবর্তন করবে, 0% (0) মূল চিত্র (কোনও প্রভাব নেই) বলা হবে。 ডিফল্ট মান 0。

মান

বর্ণনা

amount

অপশনাল। পরিবর্তনের মাত্রা নির্দিষ্ট করুন, যা হতে পারে সংখ্যা বা পূর্তি。

100% (1) ইলেক্ট্রনম সম্পূর্ণ পরিবর্তন করবে, 0% (0) মূল চিত্র (কোনও প্রভাব নেই) বলা হবে。

ডিফল্ট মান 0。