Frontend>Questions

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
#animations#frontend#menus
2 222 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

dyowee
Frontend>Questions

Why or when should one choose Tailwind over Bootstrap?
Why or when should one choose Tailwind over Bootstrap? :slight_smile:
#bootstrap/tailwind
2 1148 0
New
brian
Frontend>Questions

Need to create a design that was created in Photoshop
I’m working with a designer who created a design in Photoshop. I am mostly a Node.js and Android dev, but when I have worked with designe...
#photoshop
4 868 1
New
pillaiindu
Frontend>Questions

Can Svelte be used as an alternative to Stimulus and Alpine?
I mean, when you render all the HTML at the server side and the data is sent through HTTP requests, except only if some tiny things are d...
/svelte#frontend#stimulus#alpine
5 1192 0
New
david-j-m
Frontend>Questions

How to stop and restart #each loop
Hi I have a gallery site which displays paintings according to selected category (oils, water-color, etc.) “on:click” event. When this e...
/js
0 754 2
New
sona11
Frontend>Questions

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 498 0
New
Fl4m3Ph03n1x
Frontend>Questions

Enable/disable a button in Phoenix 1.7 depending on state
Background I have a button that may be disabled or not, depending on a set of conditions. I want to disable/enable the button without hav...
/elixir/phoenix#liveview
2 872 1
New
Fl4m3Ph03n1x
Frontend>Questions

Assigns is not assigning attribute in custom core component
Background I have a custom component in my LiveView, which is basically a group of checkboxes. I want to add a new attribute to my custo...
/elixir#liveview
1 422 1
New
Fl4m3Ph03n1x
Frontend>Questions

Cannot launch Elixir Desktop app when MIX_ENV=test
Background I have Phoenix umbrella application. When inside said application, I can run it without issues if MIX_ENV=prod. However, if I ...
/elixir/phoenix#desktop#liveview
2 448 1
New
PickyBiker
Frontend>Questions

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 609 15
New
wilsoc31
Frontend>Questions

Complie in iOS for i15 but not ipod
First time building an app. It will run for Android and also for iPhone 15 but will not for iPod. Not sure why or where to even begin. ...
#ios#apps
0 158 0
New

Other popular topics Top

PragmaticBookshelf
Community>In The Spotlight

Spotlight: Brian P. Hogan (Author)
A PragProg Hero’s Journey with Brian P. Hogan @bphogan Have you ever worried that your only legacy will be in the form of legacy...
#pragprog#author-spotlight
50 3317 20
New
PragmaticBookshelf
Game Dev>Learning Resources

Apple Game Frameworks and Technologies
Design and develop sophisticated 2D games that are as much fun to make as they are to play. From particle effects and pathfinding to soci...
pragprog.com
#pragprog#ios#game-dev#macos/swift#published-book#apple/book-apple-game-frameworks-and-technologies
30 3489 10
New
First poster: bot
Backend>In The News

Bit – A modernized Git CLI written in Go
github.com
/go#git
1 5417 0
New
Rainer
General Dev>Dev Chat

Do you have any (non-dev) hobbies?
Not sure if following fits exactly this thread, or if we should have a hobby thread… For many years I’m designing and building model air...
#community
200 3451 78
New
Exadra37
Linux>Chat

RancherOS is in end of life
Oh just spent so much time on this to discover now that RancherOS is in end of life but Rancher is refusing to mark the Github repo as su...
#linux#rancheros
10 5046 6
New
AstonJ
General Dev>Hardware

CharaChorder - type at the speed of thought?
Saw this on TikTok of all places! :lol: Anyone heard of them before? Lite:
/keyboards#charachorder
13 3809 4
New
PragmaticBookshelf
Backend>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 3358 9
New
AstonJ
General Dev>Code Editors

Doom-Emacs: Can't find emacs in your PATH
If you get Can't find emacs in your PATH when trying to install Doom Emacs on your Mac you… just… need to install Emacs first! :lol: bre...
#macos/emacs#doom-emacs
4 4727 0
New
First poster: bot
General Dev>In The News

The overengineered Solution to my Pigeon Problem
The overengineered Solution to my Pigeon Problem. TL;DR: I built a wifi-equipped water gun to shoot the pigeons on my balcony, controlle...
maxnagy.com
0 4258 0
New
CommunityNews
General Dev>In The News

X can’t stop spread of explicit, fake AI Taylor Swift images
Will Swifties’ war on AI fakes spark a deepfake porn reckoning?
arstechnica.com
/swift
0 5796 0
New
Back to top

Frontend>Questions

Frontend Questions ❯

Latest on Devtalk

Devtalk ❯

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.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

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:

Sub 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.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

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