نمونه کد

یک نمونه ساده از خاصیت backdrop-filter:

آزمایشگاه

تعریف و کاربرد

خاصیت backdrop-filter برای ساخت یک جلوه گرافیکی در پس زمینه یک تگ استفاده می شود.

اطلاعات

# توضیحات
مقدار پیشفرض خالی
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.backdropFilter="grayscale(100%)"

سازگاری با مرورگر

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت backdrop-filter هستند.

# کروم ادج فایرفاکس سافاری اپرا
backdrop-filter

شیوه نگارش

مقادیر

مقادیر توضیحات
none هیچ فیلتری در پس زمینه اعمال نخواهد شد.
filter فیلتر ها اغلب با svg مشخص می شوند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

صفحات مرتبط

مرجع CSS: ویژگی فیلتر

آموزش CSS: تصاویر CSS

مرجع HTML DOM: ویژگی فیلتر