डिज़ाइन
ग्लासमॉर्फ़िज़्म जनरेटर
ब्लर, पारदर्शिता, टिंट और लाइव प्रीव्यू के साथ फ़्रॉस्टेड-ग्लास CSS बनाएँ आपके डिवाइस पर चलता है — कुछ भी अपलोड नहीं होता, कुछ भी स्टोर नहीं होता।
12px
20%
120%
16px
1px
40%
#ffffff
प्रीव्यू
ग्लासमॉर्फ़िज़्म
CSS आउटपुट
/* Glassmorphism */
background: rgba(255, 255, 255, 0.20);
border-radius: 16px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);
-webkit-backdrop-filter: blur(12px) saturate(120%);
backdrop-filter: blur(12px) saturate(120%);
border: 1px solid rgba(255, 255, 255, 0.40);
/* Fallback for browsers without backdrop-filter support */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
background: rgba(255, 255, 255, 0.60);
}मिलते-जुलते
ग्लासमॉर्फ़िज़्म जनरेटर के बारे में
ब्लर, पारदर्शिता, टिंट और लाइव प्रीव्यू के साथ फ़्रॉस्टेड-ग्लास CSS बनाएँ
ग्लासमॉर्फ़िज़्म जनरेटर, BrowseryTools पर डिज़ाइन और विज़ुअल श्रेणी का एक मुफ़्त टूल है। यह पूरी तरह आपके ब्राउज़र में चलता है: आप जो कुछ इसे देते हैं, वह आपके अपने डिवाइस पर ही प्रोसेस होता है और कभी किसी सर्वर पर अपलोड नहीं होता। न रजिस्ट्रेशन, न विज्ञापन, न वॉटरमार्क — और पेज एक बार लोड हो जाने के बाद यह बिना इंटरनेट कनेक्शन के भी काम करता रहता है।