# Progressive Blur und Verläufe in Hana - Spline blog (https://spline.design/de/blog/introducing-progressive-blur-gradients) > Mehr aus deinen Designs holen – mit Blurs und Verläufen, die ins Auge fallen [Blog](https://spline.design/de/blog) 27\. Mai 2025 # Progressive Blur und Verläufe in Hana Mehr aus deinen Designs holen – mit Blurs und Verläufen, die ins Auge fallen [Hana öffnen](https://app.spline.design) Progressive Blurs wurden vor ein paar Jahren mit der Glas-Ästhetik von iOS populär und haben zuletzt auch in UI-Design-Tools Fuß gefasst. Meist blieben sie aber eine komplexe Technik, die sich in Motion Design oder interaktiven Echtzeitumgebungen nur schwer einsetzen ließ. Heute bringen wir Progressive Blurs in Echtzeit nach Hana. Zum ersten Mal steht diese Art von Blur in Echtzeit zur Verfügung – mit intuitiven Steuerungen und ohne technisches Vorwissen, alles auf Hanas unendlichem Design-Canvas. Probier die Szene unten aus, um zu sehen, wie es funktioniert. Hovern oder tippen zum Ausprobieren (Erlebnis erstellt mit Hana) ## So fügst du in Hana Progressive Blur hinzu Wähle einen beliebigen Layer aus und füge entweder Layer Blur oder Background Blur hinzu. In beiden Fällen kannst du wählen, ob der Blur gleichmäßig (Uniform) oder progressiv (Progressive) sein soll. Ein Progressive Blur funktioniert im Grunde wie ein Verlauf – nur dass er statt zwischen Farben zwischen zwei Werten für den Blur-Radius übergeht. So funktioniert Progressive Blur in Hana ## Weiche Verläufe in Hana Du kannst jetzt Verläufe in Hana erstellen. Wähle zwischen linearen, radialen oder polaren Verläufen und passe ihre Position direkt auf dem Canvas an. Außerdem führen wir Smooth Gradients ein: Verläufe mit Smooth-Step-Interpolation, die Farben natürlicher ineinander übergehen lassen. Die meisten Design-Tools nutzen lineare Interpolation, die zwischen den einzelnen Farbstopps eines Verlaufs typische Bruchkanten erzeugt. Smooth Gradients haben wir vor ein paar Jahren zuerst im 3D-Editor von Spline eingeführt, und jetzt bringen wir sie nach Hana. ## SVG-Import und mehr In den letzten Wochen haben wir außerdem einige Verbesserungen für Hana veröffentlicht, darunter Unterstützung für SVG-Dateien (einfach per Drag & Drop), bessere Performance und eine kleinere Runtime. Dazu kommen einige Verbesserungen für den Alltag, etwa ein besser funktionierender Farbwähler, verbesserte Auswahlwerkzeuge und zahlreiche kleine Korrekturen für ein stimmigeres Erlebnis. Erlebnisse, erstellt mit Hana ## Jetzt ausprobieren! Hier ist eine [Spline-Hana-Datei](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3), mit der du die Möglichkeiten von Progressive Blur und Verläufen erkunden kannst. ## Design-Workflows entwickeln sich weiter So einfach diese neuen Funktionen im Kern sind, sie bieten viel kreative Kontrolle und kreative Ergebnisse wie nie zuvor. Solche Animationen oder Interaktionen in Echtzeit zu erstellen, war bisher nie einfach – mit Hana gelingt es dir jetzt in wenigen Sekunden. Wir sind gespannt, was du baust! — Das Spline-Team [Mehr erfahren](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Mehr aus dem Blog [3\. November 2026Spline Arena ist da](https://spline.design/de/blog/introducing-spline-arena)[21\. Oktober 2026Spline für ChatGPT ist da](https://spline.design/de/blog/introducing-spline-for-chatgpt)[27\. August 2026Hana V2 ist da](https://spline.design/de/blog/hana-v2) [Spline](https://spline.design/de) Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android. #### Frag die KI zu Spline #### Produkte - [3D-Design](https://spline.design/de/3d-design) - [Hana](https://spline.design/de/hana) - [Omma](https://omma.build) - [KI-3D-Generierung](https://spline.design/de/ai-generate) - [Spline MCP](https://spline.design/de/mcp) - [Spline Arena](https://spline.design/de/arena) - [Preise](https://spline.design/de/pricing) - [Enterprise](https://spline.design/de/enterprise) #### Runtimes - [Web](https://spline.design/de/web) - [iOS](https://spline.design/de/ios) - [Android](https://spline.design/de/android) #### Apps - [Download](https://spline.design/de/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirror herunterladen](https://spline.design/download-mirror) #### Lernen - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/de/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Lösungen](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/de/blog) - [Changelog](https://spline.design/de/changelog) - [Bildung](https://spline.design/de/education) - [Contra](https://spline.design/contra) - [Affiliate](https://spline.design/de/affiliate) #### Unternehmen - [Kunden](https://spline.design/de/customers) - [Karriere](https://www.ycombinator.com/companies/spline/jobs) - [Sicherheit](https://spline.design/de/security) #### Rechtliches - [AGB](https://spline.design/terms) - [Datenschutz](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.