How to set an animation on an element in Nuxt when leaving the page?

Question

Vue.js

The bottom line is that I can’t figure out how to make it so that when leaving the page, the animation of not the entire page, but of a certain element / elements, would take place. I ask for help, explain what I missed and where to look, thanks!

Answer 1

Look at the transitions between routes here https://ru.nuxtjs.org/guide/routes-transitions/
As an option, create cascading in CSS, that is, set the animation not for the main class, but nest the classes of the necessary elements in it, and already to them apply animation.
I hope I explained clearly))