Frontend Developer Forum>Questions/Help

Anybody know how to do this menu animation?

Julien0577

Julien0577

Anybody know how to do this menu animation?

Hi all,

Anybody knows how to do this menu animation?

(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!

1 comment
#frontend#animations#menus
2 185 1

Most Liked

Eiji

Eiji

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.

1
Post #2

Popular Frontend topics Top

Sally_san
Frontend Developer Forum>Questions/Help

Where do i learn the skills to create this
So I’ve got a client that wants to build a site like this: Specifically 3 things from the website: The fullscreen sections that chang...
#question#help-needed
23 935 8
New
AlessandroDsgroup
Frontend Developer Forum>Questions/Help

401 error connecting to the websocket with livekit
Hi to everyone, we are experiencing a 401 error related to the connection of the websocket (in reference to our web app); we are unable ...
#video#video-streaming#livekit
1 1125 0
New
pavanforza
Frontend Developer Forum>Questions/Help

Firestore connection with Alteryx
I have a requirement to extract data from firebase which is used to build serverless applications. Can we connect Firebase no-sql databa...
#firebase
1 407 0
New
tomcatttttt
Frontend Developer Forum>Questions/Help

Trying to get a seamless online game through the HTML5 API - it works in all browsers except Google Chrome.
I’m trying to take the API from the site to get a seamless online game through the HTML5 API. It works in all browsers except Google Chro...
#gaming#html5
1 652 0
New
Fl4m3Ph03n1x
Frontend Developer Forum>Questions/Help

Phoenix 1.7 welcome page assets not showing properly
Background I have a a fresh umbrella project with a Phoenix app inside. To create the app I used the following commands: mix new test_a...
/elixir/phoenix
3 483 1
New
Fl4m3Ph03n1x
Frontend Developer Forum>Questions/Help

Changing endpoint.ex to “use Desktop.Endpoint” breaks Desktop app
Background I have created a fresh Phoenix app using mix phx.new.web web_interface --no-dashboard --no-ecto --no-gettext --no-mailer insid...
#desktop/elixir/phoenix
2 557 1
New
harwind
Frontend Developer Forum>Questions/Help

CSS Flexbox Alignment Issue: Items Not Centering Horizontally
I’m currently working on a front-end development project and I’m facing an issue with aligning items using CSS Flexbox. I want to horizon...
#question
1 304 0
New
sona11
Frontend Developer Forum>Questions/Help

Managing Inconsistent Parsing Behaviour in Multiple Locations
I’m currently working on a JavaScript project that involves converting user-supplied text to numbers. Dealing with different areas and th...
/js
1 459 0
New
pjamesrud
Frontend Developer Forum>Questions/Help

Android app, using a loop value to set visibilty and add data to textview?
I am creating an app that allows user to enter values and depending on the value a number of textviews are changed programmatically from ...
/java#android
1 412 1
New
PickyBiker
Frontend Developer Forum>Questions/Help

Recommended toolset for targeting IOS and Android?
I have done small amounts of programming for IOS and for Android, but now I need to create something that works with both. What are the ...
#ios-development
19 569 15
New

Other popular topics Top

AstonJ
General Dev Chat

What are you listening to?
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
#community#music
193 4276 94
New
AstonJ
Code Editors

SpaceVim vs SpaceMacs
SpaceVim seems to be gaining in features and popularity and I just wondered how it compares with SpaceMacs in 2020 - anyone have any thou...
/vim#spacevim#spacemacs/emacs#code-editors
30 3385 14
New
AstonJ
General Dev Chat

What are the 'coolest' languages and tech right now?
Inspired by this post from @Carter, which languages, frameworks or other tech or tools do you think is killing it right now? :upside_down...
#community#adoption#cool-tech/elixir/erlang/rust/typescript/phoenix#otp/svelte/wasm/agda
160 3656 49
New
Margaret
General Dev Chat

PragProg’s Medium Posts
Hello everyone! This thread is to tell you about what authors from The Pragmatic Bookshelf are writing on Medium.
#pragprog#blog-post
1127 25299 748
New
AstonJ
Data Science

Can AI/ML predict a lottery win?
Biggest jackpot ever apparently! :upside_down_face: I don’t (usually) gamble/play the lottery, but working on a program to predict the...
#ai#machine-learning
19 2906 10
New
PragmaticBookshelf
Backend Developer Forum>Learning Resources

Agile Web Development with Rails 7
Rails 7 completely redefines what it means to produce fantastic user experiences and provides a way to achieve all the benefits of single...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-7
32 3042 9
New
PragmaticBookshelf
Backend Developer Forum>Learning Resources

Effective Haskell
Build efficient applications that exploit the unique benefits of a pure functional language, learning from an engineer who uses Haskell t...
pragprog.com
#pragprog/haskell#published-book/book-effective-haskell
15 4589 1
New
PragmaticBookshelf
In The Spotlight

Spotlight: Dmitry Zinoviev (Author) Interview and AMA!
Author Spotlight Dmitry Zinoviev @aqsaqal Today we’re putting our spotlight on Dmitry Zinoviev, author of Data Science Essentials in ...
#author-spotlight/python/book-complex-network-analysis-in-python/book-data-science-essentials-in-python/book-resourceful-code-reuse/book-pythonic-programming
33 4605 14
New
First poster: CommunityNews
AI In The News

How to fix the eyes in AI-generated images
aidemos.info
0 2753 0
New
DevotionGeo
General Questions/Help

Do you prefer regular mechanical keyboards or low profile mechanical keyboards and why?
I have always used antique keyboards like Cherry MX 1800 or Cherry MX 8100 and almost always have modified the switches in some way, like...
/keyboards#mechanical-keyboards
27 2528 9
New
Back to top

Latest in Questions

Hiding last divider on each row of buttons
Frontend Questions/Help
how coding a cluster in html css js
Frontend Questions/Help
Android Studio does not apply the changes in the emulator
Frontend Questions/Help
Complie in iOS for i15 but not ipod
Frontend Questions/Help
Need help on deploying APK into google playstore, with multiple versions with same package name.
Frontend Questions/Help
Anybody know how to do this menu animation?
Frontend Questions/Help
Need a framework for serving a react app
Frontend Questions/Help
Recommended toolset for targeting IOS and Android?
Frontend Questions/Help
Android app, using a loop value to set visibilty and add data to textview?
Frontend Questions/Help
Correct thread-safe way to share a resource using Android Studio, kotlin and java?
Frontend Questions/Help
Cannot launch Elixir Desktop app when MIX_ENV=test
Frontend Questions/Help
Assigns is not assigning attribute in custom core component
Frontend Questions/Help
Enable/disable a button in Phoenix 1.7 depending on state
Frontend Questions/Help
Managing Inconsistent Parsing Behaviour in Multiple Locations
Frontend Questions/Help
CSS Flexbox Alignment Issue: Items Not Centering Horizontally
Frontend Questions/Help
How to get app.html.heex to use assigns properly with LiveView
Frontend Questions/Help
What are some techniques for optimizing performance in React Native applications?
Frontend Questions/Help
How would you implement a navigation system in React Native?
Frontend Questions/Help
Gsap.js - how to load content in my home page when user scrolling?
Frontend Questions/Help
Changing endpoint.ex to “use Desktop.Endpoint” breaks Desktop app
Frontend Questions/Help

View all threads ❯

Latest (all)

Write the most clever code you possibly can
In The News
Dasung Paperlike 13K is a 13.3 inch E Ink color monitor - Liliputing
In The News
V weekly.2025.19 released!
Backend News (official)
Wikidive - AI-Guided Wikipedia Exploration
AI In The News
Node.js v24.0.1 released!
Backend News (official)
Mind-reading AI recreates what you're looking at with amazing accuracy
AI In The News
Why do LLMs have emergent properties?
AI In The News
Announcing Ivar: Ruby’s Missing Instance Variable Typo Warnings
Backend In The News
DOGE software engineer’s computer infected by info-stealing malware
In The News
Google hits back after Apple exec says AI is hurting search
macOS In The News
Present and Future of Kotlin for Web
Backend News (official)
Plasma 6.3.5 update for Kubuntu 25.04 available via PPA
Linux News (official)
Elon Musk is responsible for “killing the world’s poorest children,” says Bill Gates
In The News
Memory Safety Features in Zig
Backend In The News
Hardening GitHub Actions: Lessons from Recent Attacks | Wiz Blog
In The News

View all threads ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap