# Sfocatura progressiva e gradienti in Hana - Spline blog (https://spline.design/it/blog/introducing-progressive-blur-gradients) > Porta i tuoi design al livello successivo con sfocature e gradienti che conquistano lo sguardo [Blog](https://spline.design/it/blog) 27 maggio 2025 # Sfocatura progressiva e gradienti in Hana Porta i tuoi design al livello successivo con sfocature e gradienti che conquistano lo sguardo [Apri Hana](https://app.spline.design) Le sfocature progressive sono diventate popolari qualche anno fa con l’estetica delle interfacce in vetro di iOS e di recente hanno preso piede negli strumenti di design di interfacce. Tuttavia sono rimaste per lo più una tecnica complessa, difficile da usare nel motion design o negli ambienti interattivi in tempo reale. Oggi portiamo in Hana le sfocature progressive in tempo reale. Per la prima volta questo tipo di sfocatura è disponibile in tempo reale, con controlli intuitivi e senza bisogno di conoscenze tecniche, il tutto nel canvas di design infinito di Hana. Puoi giocare con la scena qui sotto per vedere come funziona. Passa il mouse o tocca per interagire (esperienza creata con Hana) ## Come aggiungere la sfocatura progressiva in Hana Puoi selezionare qualsiasi livello e aggiungere Layer Blur o Background Blur. In entrambi i casi puoi scegliere se la sfocatura deve essere Uniform o Progressive. Una sfocatura progressiva funziona più o meno come un gradiente, ma invece del colore passa da un valore all’altro del raggio di sfocatura. Ecco come funziona la sfocatura progressiva in Hana ## Smooth Gradients in Hana Ora puoi creare gradienti in Hana. Puoi scegliere tra gradienti lineari, radiali o polari e regolarne la posizione direttamente dal canvas. Introduciamo anche gli Smooth Gradients, gradienti che usano un’interpolazione Smooth Step per ottenere sfumature più naturali tra i colori. La maggior parte degli strumenti di design usa gradienti basati sull’interpolazione lineare, che crea i classici punti di rottura tra un colore “stop” e l’altro. Abbiamo implementato gli Smooth Gradients per la prima volta nell’editor 3D di Spline qualche anno fa, e ora li portiamo in Hana. ## Importazione SVG e altro Nelle ultime settimane abbiamo anche rilasciato diversi miglioramenti a Hana, tra cui il supporto per i file SVG (ora basta trascinarli), prestazioni migliori e un runtime più leggero. Abbiamo aggiunto anche diversi miglioramenti per il lavoro di tutti i giorni, tra cui un comportamento migliore del selettore colore, strumenti di selezione migliorati e numerose piccole correzioni per rendere l’esperienza più coerente. Esperienze create con Hana ## Provalo subito! Ecco un [file di Spline Hana](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3) per esplorare le possibilità della sfocatura progressiva e dei gradienti. ## I flussi di lavoro di design si evolvono Pur essendo semplici nella sostanza, queste nuove funzionalità offrono un controllo creativo e risultati come mai prima d’ora. Animare o creare interazioni in tempo reale come queste non è mai stato facile, e ora con Hana puoi farlo in pochi secondi. Non vediamo l’ora di vedere cosa costruirai! — Il team di Spline [Scopri di più](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## 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.