फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव

एलिमेंट के सीएसएस फिल्टर तत्व को ही धुंधला करते हैं, पाठ शामिल है एक ग्लास कार्ड को इसके बजाय बैकड्रॉप-फ़िल्टर की आवश्यकता होती है, जो केवल तत्व के पीछे क्या बैठता है, और एलिमेंट के पास इसके लिए कोई नियंत्रण नहीं है हाथ से लिखा गया, सीएसएस इस तरह दिखता हैः

.glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
}