सामग्री पर जाएं

CSS Glassmorphism जनरेटर

लाइव प्रीव्यू के साथ CSS glassmorphism इफेक्ट विज़ुअली बनाएँ। ब्लर, ओपैसिटी, रंग और बॉर्डर एडजस्ट करें। फ्रॉस्टेड ग्लास UI के लिए CSS कोड कॉपी करें। मुफ्त ऑनलाइन टूल।

प्रीव्यू

Glassmorphism
10px
20%
30%

CSS आउटपुट

 

Glassmorphism क्या है?

Glassmorphism एक आधुनिक UI डिज़ाइन ट्रेंड है जो CSS backdrop-filter का उपयोग करके फ्रॉस्टेड ग्लास इफेक्ट बनाता है। इफेक्ट में ब्लर के साथ एक अर्ध-पारदर्शी पृष्ठभूमि होती है जो पीछे की सामग्री को प्रकट करती है, गहराई का एहसास पैदा करती है।

ब्राउज़र समर्थन

backdrop-filter प्रॉपर्टी सभी आधुनिक ब्राउज़रों में समर्थित है। पुराने WebKit ब्राउज़रों के लिए -webkit-backdrop-filter प्रीफ़िक्स शामिल है। ध्यान दें कि इस इफेक्ट के लिए ग्लास एलिमेंट के पीछे सामग्री दिखाई देना आवश्यक है।

गोपनीयता

सभी glassmorphism जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।