# Hana में लिक्विड ग्लास और 3D - Spline blog (https://spline.design/hi/blog/hana-3d-glass-autolayout-video)

> Hana में नया: 3D Transform, लिक्विड ग्लास और Autolayout

[ब्लॉग](https://spline.design/hi/blog)

9 जुलाई 2025

# Hana में लिक्विड ग्लास और 3D

Hana में नया: 3D Transform, लिक्विड ग्लास और Autolayout

[Hana खोलें](https://app.spline.design)

आज हम Hana के एक बड़े अपडेट की घोषणा कर रहे हैं, जो रियल-टाइम लिक्विड ग्लास, 3D Transform, Autolayout और Video Layers जैसे क्रांतिकारी फ़ीचर लेकर आया है।

## Hana में लिक्विड ग्लास

iOS 26 के आने के साथ लिक्विड ग्लास इफ़ेक्ट ने डिज़ाइन कम्युनिटी का ध्यान अपनी ओर खींचा है। अब आप यह इफ़ेक्ट Hana में किसी भी ऑब्जेक्ट लेयर पर लगा सकते हैं।

रिफ़्रैक्शन की मात्रा कंट्रोल करने के लिए आप Distortion जैसे ग्लास पैरामीटर एडिट कर सकते हैं।

लेकिन आप iOS की स्टाइल से आगे जाकर कस्टम ग्लास इफ़ेक्ट भी बना सकते हैं। हमने पैरामीटर को इतना व्यापक रखा है कि उनसे कई तरह के रचनात्मक नतीजे मिल सकें: आप इफ़ेक्ट के कुछ व्यवहारों को बढ़ा-चढ़ाकर ज़्यादा प्रभावशाली विज़ुअल लुक पा सकते हैं।

इंटरैक्ट करने के लिए hover या टच करें (Hana से बना अनुभव)

## परत-दर-परत ग्लास

ज़्यादातर डिज़ाइन टूल में ब्लर या ग्लास इफ़ेक्ट आमतौर पर एक ही लेयर तक सीमित रहता है, यानी अगर आप कई लेयर एक के ऊपर एक रखें, तो ग्लास का डिस्टॉर्शन जुड़ता नहीं और सपाट रहता है।

Hana में आप आसानी से ग्लास की कई लेयर एक के ऊपर एक रख सकते हैं और देख सकते हैं कि हर लेयर पीछे या नीचे के एलिमेंट को कैसे रिफ़्रैक्ट करती है, बिल्कुल असल ज़िंदगी की तरह, जिससे रचनात्मक संभावनाओं का एक नया संसार खुलता है। यह ग्लास इफ़ेक्ट के साथ-साथ बैकग्राउंड ब्लर इफ़ेक्ट के लिए भी संभव है।

Hana में लिक्विड ग्लास की कई लेयर के साथ काम करें

## 3D Transform

2D से 3D तक जाना हमेशा एक चुनौती रहा है। जब हमने इस फ़ीचर पर काम शुरू किया, तो हम जानते थे कि हम 2D और 3D के बीच बिना कुछ खोए आसानी से आने-जाने का एक सहज तरीका देना चाहते हैं।

Hana में अब कोई भी ऑब्जेक्ट 3D ऑब्जेक्ट हो सकता है, जिसमें 3D स्पेस में उसकी पोज़िशन (Depth), रोटेशन और पर्सपेक्टिव को कंट्रोल करने के पैरामीटर हैं।

ये सभी पैरामीटर एनिमेट किए जा सकते हैं और स्टेट/इवेंट सिस्टम के साथ काम करते हैं।

Hana में ऑब्जेक्ट का पर्सपेक्टिव, रोटेशन और z-पोज़िशन कंट्रोल करें

## फ़्रेम और 3D पोर्टल

जब कोई फ़्रेम 3D बनता है, तो वह अपने ही 3D स्पेस की एक खिड़की भी बन जाता है। यह ख़ास तौर पर पोर्टल बनाने के काम आता है, यानी ऐसा विज़ुअल एलिमेंट जिसके अंदर आपको गहराई दिखती है।

यह आसान है: बस आइटम को एक फ़्रेम के अंदर रखें, फ़्रेम को 3D बनाएँ, और अंदर के आइटम की 3D पोज़िशन या रोटेशन बदलें। अब अगर आप फ़्रेम का रोटेशन या पोज़िशन बदलेंगे, तो आप देखेंगे कि अंदर के आइटम गहराई के कई स्तरों के साथ कैसे रेंडर होते हैं।

Hana में बने फ़्रेम के अंदर 3D पोर्टल

## Autolayout

Hana अब पूरी तरह एनिमेट किए जा सकने वाले पैरामीटर के साथ लेआउट सपोर्ट करता है। आप कस्टमाइज़ की जा सकने वाली padding और gap के साथ वर्टिकल और हॉरिज़ॉन्टल, दोनों तरह के लेआउट बना सकते हैं।

लेआउट इवेंट और स्टेट के साथ मिलकर काम करते हैं, और इंटरैक्टिविटी बढ़ाने के लिए रियल टाइम में अपडेट होते हैं।

हमने masonry लेआउट का सपोर्ट भी जोड़ा है, जो Pinterest के कॉलम लेआउट जैसे होते हैं।

Layout का इस्तेमाल करके Hana से बने अनुभव

## Video Layers

अब आप Spline Hana में किसी भी लेयर पर आसानी से वीडियो एम्बेड कर सकते हैं। यह इंटरैक्टिव प्रेज़ेंटेशन बनाते समय या मोशन के लिए डिज़ाइन करते समय काम आता है। बस Fill पैनल में Video Layer चुनें और अपना वीडियो अपलोड करें या ड्रैग एंड ड्रॉप करें।

Spline के 3D एडिटर की तरह, Hana में भी वीडियो को कस्टम इवेंट पर ट्रिगर किया जा सकता है। डिफ़ॉल्ट रूप से वीडियो Start इवेंट पर चलता है, लेकिन आप इसे बदलकर माउस इवेंट या किसी दूसरे इवेंट से ट्रिगर कर सकते हैं।

## नई रचनात्मक संभावनाएँ

यह काफ़ी कुछ था! हमें उम्मीद है कि आज शिप किए गए सभी नए फ़ीचर आपको पसंद आएँगे और आप रोमांचक नए डिज़ाइन बनाना शुरू करेंगे।

— Spline टीम

## ब्लॉग से और

[3 नवंबर 2026पेश है Spline Arena](https://spline.design/hi/blog/introducing-spline-arena)[21 अक्टूबर 2026पेश है ChatGPT के लिए Spline](https://spline.design/hi/blog/introducing-spline-for-chatgpt)[27 अगस्त 2026पेश है Hana V2](https://spline.design/hi/blog/hana-v2)

[Spline](https://spline.design/hi)

टीमों और उनके एजेंटों के लिए 3D और 2D एडिटर। वेब, iOS और Android पर पब्लिश करें।

#### Spline के बारे में AI से पूछें

#### प्रोडक्ट

- [3D डिज़ाइन](https://spline.design/hi/3d-design)
- [Hana](https://spline.design/hi/hana)
- [Omma](https://omma.build)
- [AI 3D जनरेशन](https://spline.design/hi/ai-generate)
- [Spline MCP](https://spline.design/hi/mcp)
- [Spline Arena](https://spline.design/hi/arena)
- [कीमतें](https://spline.design/hi/pricing)
- [एंटरप्राइज़](https://spline.design/hi/enterprise)

#### रनटाइम

- [Web](https://spline.design/hi/web)
- [iOS](https://spline.design/hi/ios)
- [Android](https://spline.design/hi/android)

#### ऐप्स

- [डाउनलोड](https://spline.design/hi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror डाउनलोड करें](https://spline.design/download-mirror)

#### सीखें

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/hi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [सॉल्यूशंस](https://spline.design/solutions)

#### कम्युनिटी

- [Spline कम्युनिटी](https://community.spline.design)
- [Blog](https://spline.design/hi/blog)
- [चेंजलॉग](https://spline.design/hi/changelog)
- [शिक्षा](https://spline.design/hi/education)
- [Contra](https://spline.design/contra)
- [एफ़िलिएट](https://spline.design/hi/affiliate)

#### कंपनी

- [ग्राहक](https://spline.design/hi/customers)
- [करियर](https://www.ycombinator.com/companies/spline/jobs)
- [सुरक्षा](https://spline.design/hi/security)

#### कानूनी

- [नियम और शर्तें](https://spline.design/terms)
- [प्राइवेसी](https://spline.design/privacy)

#### संपर्क

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.