Animate Single Page Apps (SPA) Page Change

Animations won’t work well on the current Route implementation. Use the animate.css classes directly on the content page’s main node. Leave animations will not work since the content is directly replaced when new page is loaded.

Make sure animate.css is linked, then add for example fadeIn animated for a fadeIn animation. The extra animated class is important, without it will not animate. Check https://daneden.github.io/animate.css/ for all available animations.

2 Likes