# Liquid Glass en 3D in Hana - Spline blog (https://spline.design/nl/blog/hana-3d-glass-autolayout-video) > Nieuw in Hana: 3D Transform, Liquid Glass en Autolayout [Blog](https://spline.design/nl/blog) 9 juli 2025 # Liquid Glass en 3D in Hana Nieuw in Hana: 3D Transform, Liquid Glass en Autolayout [Open Hana](https://app.spline.design) Vandaag kondigen we een enorme update voor Hana aan, met baanbrekende functies zoals realtime Liquid Glass, 3D Transform, Autolayout en Video Layers. ## Liquid Glass in Hana Sinds de introductie van iOS 26 heeft het Liquid Glass-effect de aandacht van de designcommunity getrokken. Nu kun je dit effect toepassen op elke objectlaag in Hana. Je kunt de parameters van het glas aanpassen, zoals Distortion, om de mate van lichtbreking te bepalen. Maar je kunt verder gaan dan de iOS-stijl en eigen glaseffecten maken. We hebben de parameters algemeen genoeg gehouden voor allerlei creatieve resultaten: je kunt sommige eigenschappen van de effecten overdrijven voor een opvallendere visuele esthetiek. Hover of tik om te interacteren (ervaring gemaakt met Hana) ## Stapelbaar glas In de meeste designtools zijn blur- of glaseffecten meestal beperkt tot één laag. Stapel je meerdere lagen, dan stapelt de vervorming van het glas niet op en blijft die vlak. In Hana stapel je eenvoudig meerdere glaslagen en zie je hoe elke laag de elementen erachter of eronder breekt, net als in het echt. Dat opent een hele reeks nieuwe creatieve mogelijkheden. Dit werkt voor de glaseffecten, maar ook voor background blur-effecten. Werk met meerdere lagen Liquid Glass in Hana ## 3D Transform De stap van 2D naar 3D is altijd een uitdaging geweest. Toen we aan deze functie begonnen, wisten we dat we je naadloos en eenvoudig wilden laten wisselen tussen 2D en 3D, zonder dat er onderweg iets verloren gaat. In Hana kan elk object nu een 3D-object zijn, met parameters voor de positie (Depth), rotatie en het perspectief in de 3D-ruimte. Al deze parameters zijn te animeren en werken samen met het systeem van states en events. Bepaal het perspectief, de rotatie en de z-positie van het object in Hana ## Frames en 3D-portalen Wordt een frame 3D, dan wordt het ook een venster naar zijn eigen 3D-ruimte. Dat is vooral handig voor portalen: visuele elementen waarin je diepte ziet. Het is eenvoudig: zet items in een frame, maak het frame 3D en verander de 3D-positie of -rotatie van de items erin. Verander je nu de rotatie of positie van het frame, dan zie je hoe de items binnenin worden weergegeven, met meerdere dieptelagen. 3D-portalen in frames, gemaakt in Hana ## Autolayout Hana ondersteunt nu layouts met volledig animeerbare parameters. Je maakt zowel verticale als horizontale layouts met instelbare padding en tussenruimte. Layouts werken samen met events en states en worden in realtime bijgewerkt voor meer interactiviteit. We hebben ook ondersteuning toegevoegd voor masonry-layouts, vergelijkbaar met de kolommen van Pinterest. Ervaringen gemaakt met Hana met behulp van Layout ## Video Layers Je kunt nu eenvoudig een video insluiten in elke laag in Spline Hana. Handig als je een interactieve presentatie bouwt of voor motion ontwerpt. Schakel in het Fill-paneel over naar de Video Layer en upload je video of sleep hem erin. Net als in de 3D-editor van Spline kun je video’s in Hana ook met eigen events starten. Standaard speelt een video af bij het Start-event, maar je kunt dit veranderen en hem triggeren met muisevents of elk ander event. ## Nieuwe creatieve mogelijkheden Dat was een hoop! We hopen dat je geniet van alle nieuwe functies die we vandaag hebben uitgebracht en dat je spannende nieuwe designs gaat maken. — Het Spline-team ## Meer van de blog [3 november 2026Maak kennis met Spline Arena](https://spline.design/nl/blog/introducing-spline-arena)[21 oktober 2026Maak kennis met Spline voor ChatGPT](https://spline.design/nl/blog/introducing-spline-for-chatgpt)[27 augustus 2026Maak kennis met Hana V2](https://spline.design/nl/blog/hana-v2) [Spline](https://spline.design/nl) De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android. #### Vraag AI naar Spline #### Producten - [3D-design](https://spline.design/nl/3d-design) - [Hana](https://spline.design/nl/hana) - [Omma](https://omma.build) - [3D genereren met AI](https://spline.design/nl/ai-generate) - [Spline MCP](https://spline.design/nl/mcp) - [Spline Arena](https://spline.design/nl/arena) - [Prijzen](https://spline.design/nl/pricing) - [Enterprise](https://spline.design/nl/enterprise) #### Runtimes - [Web](https://spline.design/nl/web) - [iOS](https://spline.design/nl/ios) - [Android](https://spline.design/nl/android) #### Apps - [Downloaden](https://spline.design/nl/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirror downloaden](https://spline.design/download-mirror) #### Leren - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/nl/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Oplossingen](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/nl/blog) - [Changelog](https://spline.design/nl/changelog) - [Onderwijs](https://spline.design/nl/education) - [Contra](https://spline.design/contra) - [Affiliates](https://spline.design/nl/affiliate) #### Bedrijf - [Klanten](https://spline.design/nl/customers) - [Vacatures](https://www.ycombinator.com/companies/spline/jobs) - [Beveiliging](https://spline.design/nl/security) #### Juridisch - [Algemene voorwaarden](https://spline.design/terms) - [Privacy](https://spline.design/privacy) #### Contact - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.