سی ایس ایس بیک کا فیلتر پرزو

تعریف و استفاده

backdrop-filter این ویژگی برای اعمال اثر گرافیکی به منطقه پشت عنصر استفاده می‌شود.

توجه:برای مشاهده اثر، عنصر یا پس‌زمینه آن باید حداقل بخشی شفاف باشد.

افزودن اثر گرافیکی به منطقه پشت عنصر:

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

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

مقدار	توضیح
none	مقدار پیش‌فرض. هیچ فیلتری را به پس‌زمینه اعمال نمی‌کند.
filter	لیست فیلترهای مرتبط با فاصله‌های خالی، مانند: blur() brightness() contrast() drop-shadow() grayscale() hue-rotate() invert() opacity() sepia() saturate() یا به URL فیلتر SVG اشاره کند.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: inherit.

مقدار پیش‌فرض:	none
ارث‌بری:	خیر
انیمیشن:	پشتیبانی. لطفاً ببینید:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
نوع جاوااسکریپت:	object.style.backdropFilter="grayscale(100%)"

اعداد در جدول نشان‌دهنده نسخه اولین مراحل کامل پشتیبانی از این ویژگی توسط مرورگرها هستند.

اعداد با پیشوند -webkit- نشان‌دهنده نسخه اولین پشتیبانی از این پیشوند هستند.

کروم	ایلج	افرادا	سافاری	آپرا
76	79	103	9 -webkit-	63