मुफ़्त · डिज़ाइन और CSS
Liquid Glass CSS जनरेटर.
CSS से Apple जैसी Liquid Glass पैनल बनाएं: ब्लर, सैचुरेशन, टिंट, किनारों की चमक, छाया और वैकल्पिक SVG अपवर्तन, लाइव प्रीव्यू के साथ।
Loading the calculator…
इस टूल का उपयोग कैसे करें: Liquid Glass CSS जनरेटर
डेटा दर्ज करें या फ़ाइल चुनें। विकल्प बदलें, परिणाम बनाएं और कॉपी या डाउनलोड करने से पहले उसकी जांच करें।
सीमाएं और समर्थित फ़ॉर्मैट
आपका डेटा आपके उपकरण पर संसाधित होता है।
अंग्रेज़ी में तकनीकी जानकारी
Refraction works in Chromium only; other browsers keep the blur. Everything is calculated in your browser; nothing you type is uploaded.
backdrop-filter blurs and saturates what is behind the element; inset shadows draw the bright and dark edges; an optional SVG feDisplacementMap bends the background.
The “iOS 26 style” preset gives a 28 px card with blur(14px) saturate(180%), a 12 % white tint and a bright top edge.