UTILS.
निजता हमेशा पहले
▢

Glassmorphism जेनरेटर

blur, पारदर्शिता, संतृप्ति और टिंट रंग के साथ फ्रॉस्टेड-ग्लास कार्ड की CSS बनाएं।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

फ्रॉस्टेड-ग्लास कार्ड डिज़ाइन करने के लिए blur, पारदर्शिता, संतृप्ति और टिंट समायोजित करें और इसकी CSS कॉपी करें, वह भी पूरी तरह आपके ब्राउज़र में।

अक्सर पूछे जाने वाले प्रश्न

प्रीव्यू एक ग्रेडिएंट पर क्यों रहता है?
Glassmorphism एक रंगीन बैकड्रॉप पर निर्भर करता है ताकि कार्ड के पीछे का blur और पारदर्शिता दिखाई दे सके।
backdrop-filter क्या करता है?
यह एलिमेंट के पीछे जो कुछ भी है उसे blur और saturate करके फ्रॉस्टेड-ग्लास प्रभाव बनाता है।

और टूल