ग्लास्मॉर्फिज़म जनरेटर पृष्ठभूमि धुंधलापन, पारदर्शिता और संतृप्ति नियंत्रण के साथ फ्रोस्टेड ग्लास यूआई प्रभाव बनाएं।

ग्लासमॉर्फिज़म बैकड्रॉप-फिल्टर सीएसएस गुण पर निर्भर करता है, विशेष रूप से ब्लर() और सेचुरेट() फंक्शन। बैकड्रॉप-फिल्टर तत्व के पीछे के क्षेत्र पर प्रभाव लागू करता है, जो फिल्टर से अलग है जो तत्व को प्रभावित करता है। धुंधलापन दिखाई देने के लिए तत्व में एक अर्ध-पारदर्शी पृष्ठभूमि (आरजीबीए या एचएसएलए का उपयोग करके) होनी चाहिए। ब्लर() मान पिक्सेल में फ्रॉस्टेड प्रभाव तीव्रता नियंत्रित करता है - 10-20px आमतौर पर उपयोग किया जाता है। सेचुरेट() 100% से अधिक ग्लास के माध्यम से दिखाई देने वाले रंगों को बढ़ाता है। सीमा परिभाषा के लिए पृष्ठभूमि रंग का एक थोड़ा उच्च अपारदर्शिता संस्करण का उपयोग करती है। बॉक्स-शैडो गहराई जोड़ता है। सफ़ारी के लिए -वेबकिट-बैकड्रॉप-फिल्टर उपसर्ग आवश्यक है। फॉलबैक के लिए, बैकड्रॉप-फिल्टर का समर्थन नहीं करने वाले ब्राउज़रों के लिए एक अधिक अपारदर्शी पृष्ठभूमि प्रदान करें। @सपोर्ट्स (बैकड्रॉप-फिल्टर: ब्लर(1px)) फीचर डिटेक्शन के लिए उपयोग करें। प्रदर्शन नोट: बैकड्रॉप-फिल्टर बड़े तत्वों या कई धुंधले परतों को ढेर करने पर महंगा हो सकता है।