SplineDesign Interactions with Liquid Glass & 3D Transforms in Hana
HanaBeginner16 min
Hello! 👋
In this tutorial, you will learn how to use the latest liquid glass effects in Spline Hana to create UI micro interactions. We will also discuss how to utilize the 3D projection tools to create stunning designs that utilize 3D perspective.
What you’ll learn
- 0:00Intro
- 0:34Building a Liquid Glass toggle
- 2:28Adding the Liquid Glass effect
- 5:00Creating the interaction
- 6:33More about Hana updates
- 7:10Building stackable glass
- 10:00How to export your Hana design
- 10:12Experimenting with custom shapes
- 10:32Creating a magnifying effect using Liquid Glass
- 10:51Exploring 3D projections
- 11:13Building a 3D portal
- 12:16How to create a 3D Carousel
- 13:33Bonus Tip
- 13:38Auto Layout
- 15:15Outro
