Expanding Grid Item Animation

Nice implementation of a master-detail view, inspired upon the Surf Project Dribble Shot by Filip Slovรกฤek (pictured above). You can see this kind of animations โ€“ where elements are reused and moved from one viewstate to the other โ€“ in quite a few mobile apps nowadays (take the App Store App on iOS11 for example).

Do note that the animation itself is done using anime.js. By the looks of it, CSS Grid is only used to position the items in the list.

Expanding Grid Item Animation →

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.