App animations

Daniel Hult — Wed, 26 Aug 2020 12:38:09 +0000

App animation:

Vue page transitions

Daniel Hult — Fri, 21 Aug 2020 08:55:11 +0000

A page transition example using Vue and GSAP 3 together (works best on desktop size):

This was done using the Vue router, setting up some routes, and then using the JS hooks in the main Vue app instance. In there you can have your own @enter and @leave hook code.

The idea is that you add the image overlay and remove the text in the @leave hook, and then bring it in again from the bottom in the @enter hook.

Hope you like it!

Forem: Daniel Hult

App animations

Vue page transitions