# Liquid Glass e 3D in Hana - Spline blog (https://spline.design/it/blog/hana-3d-glass-autolayout-video)

> Novità in Hana: 3D Transform, Liquid Glass e Autolayout

[Blog](https://spline.design/it/blog)

9 luglio 2025

# Liquid Glass e 3D in Hana

Novità in Hana: 3D Transform, Liquid Glass e Autolayout

[Apri Hana](https://app.spline.design)

Oggi annunciamo un grande aggiornamento di Hana che introduce funzionalità rivoluzionarie come Liquid Glass in tempo reale, 3D Transform, Autolayout e i livelli video.

## Liquid Glass in Hana

Con l’arrivo di iOS 26, l’effetto Liquid Glass ha catturato l’attenzione della community del design. Ora puoi applicare questo effetto a qualsiasi livello oggetto in Hana.

Puoi modificare i parametri del vetro, come Distortion, per controllare la quantità di rifrazione.

Ma puoi anche andare oltre lo stile di iOS e creare effetti vetro personalizzati. Abbiamo fatto in modo che i parametri siano abbastanza generali da ottenere risultati creativi diversi: puoi esasperare alcuni comportamenti degli effetti e ottenere un’estetica visiva più sorprendente.

Passa il mouse o tocca per interagire (esperienza creata con Hana)

## Vetro sovrapponibile

Nella maggior parte degli strumenti di design, gli effetti di sfocatura o vetro sono limitati a un singolo livello: se sovrapponi più livelli, la distorsione del vetro non si somma e resta piatta.

In Hana puoi sovrapporre facilmente più livelli di vetro e vedere come ciascuno rifrange gli elementi che ha dietro o sotto, proprio come nella realtà, aprendo un intero nuovo ventaglio di possibilità creative. Questo vale per gli effetti vetro, ma anche per gli effetti di sfocatura dello sfondo.

Gestisci più livelli di Liquid Glass in Hana

## 3D Transform

Passare dal 2D al 3D è sempre stata una sfida. Quando abbiamo iniziato a lavorare a questa funzionalità, sapevamo di voler offrire un modo fluido per passare facilmente dal 2D al 3D senza perdere nulla per strada.

In Hana ora qualsiasi oggetto può diventare un oggetto 3D, con parametri per controllarne la posizione (Depth), la rotazione e la prospettiva nello spazio 3D.

Tutti questi parametri sono animabili e compatibili con il sistema di stati ed eventi.

Controlla la prospettiva, la rotazione e la posizione sull’asse z dell’oggetto in Hana

## Frame e portali 3D

Quando un frame diventa 3D, diventa anche una finestra sul proprio spazio 3D. È particolarmente utile per creare portali, elementi visivi al cui interno si percepisce la profondità.

È facile: metti degli elementi dentro un frame, rendi il frame 3D e cambia la posizione o la rotazione 3D degli elementi al suo interno. Ora, se cambi la rotazione o la posizione del frame, vedrai come vengono renderizzati gli elementi all’interno, su più livelli di profondità.

Portali 3D all’interno di frame creati in Hana

## Autolayout

Hana ora supporta layout con parametri completamente animabili. Puoi creare layout verticali e orizzontali con padding e spaziature personalizzabili.

I layout funzionano insieme a eventi e stati e si aggiornano in tempo reale per migliorare l’interattività.

Abbiamo anche aggiunto il supporto per i layout masonry, simili ai layout a colonne di Pinterest.

Esperienze create con Hana usando Layout

## Livelli video

Ora puoi incorporare facilmente un video in qualsiasi livello di Spline Hana. È utilissimo quando crei una presentazione interattiva o progetti per il motion. Basta passare al Video Layer nel pannello Fill e caricare o trascinare il tuo video.

Come nell’editor 3D di Spline, anche in Hana i video possono essere attivati da eventi personalizzati. Per impostazione predefinita un video parte con l’evento Start, ma puoi cambiarlo e attivarlo con gli eventi del mouse o con qualsiasi altro evento.

## Nuove possibilità creative

Quante novità! Speriamo che ti piacciano tutte le funzionalità che abbiamo rilasciato oggi e che tu inizi a creare nuovi design entusiasmanti.

— Il team di Spline

## Altro dal blog

[3 novembre 2026Ecco Spline Arena](https://spline.design/it/blog/introducing-spline-arena)[21 ottobre 2026Ecco Spline per ChatGPT](https://spline.design/it/blog/introducing-spline-for-chatgpt)[27 agosto 2026Ecco Hana V2](https://spline.design/it/blog/hana-v2)

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

L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android.

#### Chiedi all’IA informazioni su Spline

#### Prodotti

- [Design 3D](https://spline.design/it/3d-design)
- [Hana](https://spline.design/it/hana)
- [Omma](https://omma.build)
- [Generazione 3D con IA](https://spline.design/it/ai-generate)
- [Spline MCP](https://spline.design/it/mcp)
- [Spline Arena](https://spline.design/it/arena)
- [Prezzi](https://spline.design/it/pricing)
- [Enterprise](https://spline.design/it/enterprise)

#### Runtime

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

#### App

- [Download](https://spline.design/it/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Scarica Spline Mirror](https://spline.design/download-mirror)

#### Impara

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/it/academy)
- [API di Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluzioni](https://spline.design/solutions)

#### Community

- [Community di Spline](https://community.spline.design)
- [Blog](https://spline.design/it/blog)
- [Novità](https://spline.design/it/changelog)
- [Istruzione](https://spline.design/it/education)
- [Contra](https://spline.design/contra)
- [Affiliazione](https://spline.design/it/affiliate)

#### Azienda

- [Clienti](https://spline.design/it/customers)
- [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs)
- [Sicurezza](https://spline.design/it/security)

#### Note legali

- [Termini e condizioni](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contatti

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

© 2026 - Spline, Inc.
