# Design Interactions with Liquid Glass & 3D Transforms in Hana (https://academy.spline.design/tutorials/design-interactions-with-liquid-glass-3d-transforms-in-hana)

> A video tutorial from the Spline Academy.

- Product: Hana (2D)
- Level: beginner
- Duration: 16 min 6 s
- Published: 2025-07-19
- Video: https://www.youtube.com/watch?v=IZM1H1xBQdk
- Part of: [Hana | Everything You Need To Know](https://academy.spline.design/collections/hana-everything-you-need-to-know.md)

## About this tutorial

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.

## Chapters

- [0:00](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=0s) Intro
- [0:34](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=34s) Building a Liquid Glass toggle
- [2:28](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=148s) Adding the Liquid Glass effect
- [5:00](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=300s) Creating the interaction
- [6:33](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=393s) More about Hana updates
- [7:10](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=430s) Building stackable glass
- [10:00](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=600s) How to export your Hana design
- [10:12](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=612s) Experimenting with custom shapes
- [10:32](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=632s) Creating a magnifying effect using Liquid Glass
- [10:51](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=651s) Exploring 3D projections
- [11:13](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=673s) Building a 3D portal
- [12:16](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=736s) How to create a 3D Carousel
- [13:33](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=813s) Bonus Tip
- [13:38](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=818s) Auto Layout
- [15:15](https://www.youtube.com/watch?v=IZM1H1xBQdk&t=915s) Outro

## Related documentation

- [3D Transform](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%A7%8A-3d-transform)
- [Effects in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/effects-in-hana#liquid-glass)