CSS backdrop-filter প্রোপার্টি

বিবরণ ও ব্যবহার

backdrop-filter এই বৈশিষ্ট্যটি উপাদানের পিছনের অঞ্চলে গ্রাফিক্স ইফেক্ট লাগানোর জন্য ব্যবহৃত হয়।

সূচনা:ইফেক্ট দেখার জন্য, উপাদান বা তার পটভূমির কমপক্ষে অংশটি স্পষ্ট হতে হবে।

উদাহরণ

উপাদানের পিছনের অঞ্চলে গ্রাফিক্স ইফেক্ট যোগ করুন:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

আপনার হাতে পরীক্ষা করুন

CSS গণিত

backdrop-filter: none|filter|initial|inherit;

বৈশিষ্ট্য মান

মান বর্ণনা
none ডিফল্ট মান। প্রধান পটে কোনও ফিল্টার লাগায়ন না।
filter

ফিল্টার ফাংশনের তালিকা পৃথক হয়ে থাকে স্পেস দিয়ে, যেমন:

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • sepia()
  • saturate()

বা SVG ফিল্টারের URL-এর দিকে ইনক্লুড করুন।

initial এই বৈশিষ্ট্যটি এই ডিফল্ট মান নির্ধারণ করুন। দেখুন: initial。
inherit এই বৈশিষ্ট্যটি পিতৃতৃতীয় উপাদান থেকে উত্তরসূরীতা করুন। দেখুন: inherit。

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

ডিফল্ট মান: none
উত্তরসূরীতা: না
অ্যানিমেশন তৈরি: সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
JavaScript গণিত: object.style.backdropFilter="grayscale(100%)"

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

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

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

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
76 79 103 9 -webkit- 63

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

শিক্ষাক্রম:CSS চিত্র

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

উল্লেখ:HTML DOM filter 属性