# Anybody know how to do this menu animation?

**URL:** <https://forum.devtalk.com/t/anybody-know-how-to-do-this-menu-animation/146298>\
**Category:** Frontend Questions/Help\
**Tags:** frontend, animations, menus\
**Created:** [5 March 2024 22:30 UTC](https://forum.devtalk.com/t/anybody-know-how-to-do-this-menu-animation/146298 "2024-03-05T22:30:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Julien0577](https://forum.devtalk.com/letter_avatar_proxy/v4/letter/j/bb73d2/32.png) [@Julien0577](https://forum.devtalk.com/u/Julien0577)\
**Post date:** [5 March 2024 22:30 UTC](https://forum.devtalk.com/t/anybody-know-how-to-do-this-menu-animation/146298/1 "2024-03-05T22:30:55Z")

</div>

Hi all,

Anybody knows how to do this menu animation?

> **[BBVA\_menu.mp4](https://drive.google.com/file/d/1EMRN_VeQwVLkjAMRu510OFSnMUltlOrW/preview)**
>
> Google Drive file.

(from BBVA APP, they have the same for both android and iOS app).

Is it custom? Or does it exists any library? (I didn’t seen it in material design or others for now).

Thanks!

---

<div class="post-metadata">

**Author:** ![Eiji](https://forum.devtalk.com/user_avatar/forum.devtalk.com/eiji/32/6784_2.png) [@Eiji](https://forum.devtalk.com/u/Eiji)\
**Post date:** [6 March 2024 00:00 UTC](https://forum.devtalk.com/t/anybody-know-how-to-do-this-menu-animation/146298/2 "2024-03-06T00:00:22Z")

</div>

Isn’t that just a `transform` of `body` element using `translate` and `scale` animations? From what I can see the body is just moved and scaled down, so it’s smaller and some part is offscreen using negative value. It shouldn’t be hard to write such animation on your own and for this you don’t even need to write your own `keyframes`.