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 495 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

Where Next?

View thread on forum
animations
frontend
menus
Home Frontend>Questions
#animations#frontend#menus
2 495 1
Last post

Popular Frontend topics Top

The_Exile
Frontend>Questions

Need A Lot of Assistance From An Actual js Dev
I am new to programming. I started reading Eloquent Javascript 3rd Edition, as the book comes highly recommended as a good place for beg...
/js
53 2673 18
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 1296 1
New
axelson
Frontend>Questions

Is there a library/automated approach to enforce the directions of imports/exports?
In Elixir I love to use the library GitHub - sasa1977/boundary: Manage and restrain cross-module dependencies in Elixir projects to enfor...
/elixir/typescript
6 1248 1
New
prego4444
Frontend>Questions

How to make a border that is in the middle?
how can i make a border like this to be exactly on the midle of the edge? i could only found border in inside and outside but nothing on ...
#css#frontend
1 934 1
New
Fl4m3Ph03n1x
Frontend>Questions

Fresh new 1.7 Phoenix app inside umbrella fails build
Background I have a fresh umbrella app and I am trying to create a Phoenix app inside it. However, even though I can create the Phoenix a...
/elixir/phoenix/tailwind
2 1249 1
New
Fl4m3Ph03n1x
Frontend>Questions

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...
/elixir/phoenix#desktop
2 1004 1
New
Fl4m3Ph03n1x
Frontend>Questions

How to get app.html.heex to use assigns properly with LiveView
Background I have a Phoenix application, where all pages (expect the login page) have a menu at the top. This menu will therefore only a...
/elixir/phoenix#liveview
2 1128 1
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 1325 1
New
jaeyson
Frontend>Questions

Bad idea to learn React?
would it be backwards if I’m learning react? last time I used UI library (aside from LiveView) was Elm (not much) and that was eons ago.
/elixir/phoenix/react
4 439 2
New
SteelFork2819
Frontend>Questions

How to render a cloud-stored 3D file and move a camera around in it using native html5 functions?
hi does anyone know how to render a cloud-stored 3D file and move a camera around in it using native html5 functions? i really don’t know...
#game-dev#threejs#3d-game
0 70 1
New

Other popular topics Top

PragmaticBookshelf
General Dev>Learning Resources

The Pragmatic Programmer, 20th Anniversary Edition
Andy and Dave wrote this influential, classic book to help their clients create better software and rediscover the joy of coding. Almost ...
pragprog.com
#pragprog#published-book/book-the-pragmatic-programmer-20th-anniversary-edition
4 4782 0
New
DevotionGeo
Backend>Chat

What is the reason behind Rust’s web framework, Rocket, not performing as well as expected in the Techempower benchmarks?
I know that these benchmarks might not be the exact picture of real-world scenario, but still I expect a Rust web framework performing a ...
#web-frameworks/rust
36 7463 11
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 7995 10
New
AstonJ
General Dev>Hardware

BIIP MT3 Extended 2048 Custom Keycap Set (Drop)
This looks like a stunning keycap set :orange_heart: A LEGENDARY KEYBOARD LIVES ON When you bought an Apple Macintosh computer in the e...
/keyboards#apple#keycaps#mechanical-keyboards
14 6713 7
New
Margaret
General Dev>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
1147 29994 760
New
AstonJ
macOS>Chat

How to block any website on Mac using Little Snitch
If you want a quick and easy way to block any website on your Mac using Little Snitch simply… File > New Rule: And select Deny, O...
#macos#how-to#littlesnitch
5 11227 3
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 8
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-8
12 7404 7
New
mindriot
General Dev>Reviews

Keyboard Review: UHK60V2 vs Defy vs Voyager vs Glove80 vs Svalboard
Ok, well here are some thoughts and opinions on some of the ergonomic keyboards I have, I guess like mini review of each that I use enoug...
/keyboards#uhk60v2#defy#voyager#glove80#svalboard
5 5681 7
New
xiji2646-netizen
AI>Chat

Claude Code's entire source just leaked (512K lines) - anyone else digging through it?
Woke up to this today: Claude Code’s complete source code exposed via npm source map. Not a snippet. All 512,000 lines. 1,900 TypeScript ...
#claude
6 8359 5
New
Back to top

Sponsor Spotlight

WyewWorks

Enabling companies to succeed by building software people love.

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.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

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 move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

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.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

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 move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap