सीएसएस रेफरेंस मैनुअल

CSS गुण

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() या SVG फिल्टर के URL को इंद्रियकरण करें।
initial	इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें initial。
inherit	इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें inherit。

मूलभूत मान:	none
विरासतशीलता:	नहीं
एनिमेशन निर्माण:	समर्थन किया गया है। देखें:एनिमेशन संबंधी गुण。
संस्करण:	CSS3
जावास्क्रिप्ट व्याकरण:	object.style.backdropFilter="grayscale(100%)"

तालिका में संख्याएं पहली बार पूरी तरह से इस गुण को समर्थन करने वाले ब्राउज़र की संस्करण को प्रदर्शित करती है。

जो -webkit- पूर्व-संयोजक सहित संख्या पहली बार इस पूर्व-संयोजक को समर्थन करने वाली संस्करण को प्रदर्शित करती है。

च्रोम	एज	फायरफॉक्स	सफारी	ओपेरा
76	79	103	9 -webkit-	63