Transitions between pages, routes, vues
I’m having trouble trying to find the best solution / method for transitioning between routes, pages and vues that are similar to Iphone / Android transitions.
Are there any examples anyone knows of to help be achieve this?
This is the second time someone mentions about transition animations between routes/pages/views. Guess I should add this to the todo lists. To create some default transitions that can be used out of the box.
Opened issue https://github.com/quasarframework/quasar/issues/169 for this.
Meanwhile you can take a look at https://github.com/haydenbbickerton/vue-animate maybe you can extract the right animations that you need.
I did try to use it as per VueRouter docs but it’s not working.
E.g. with fade it is fading out page which is leaving but next page is already below that and then come up right after fade finishes.
Did anyone worked out how to get nice transitions between pages? I am using vue2-animate
Hi maybe it helps. This is working for me quite good with the animate.css library.
<transition name="transitions" enter-active-class="animated slideInUp" leave-active-class="animated fadeOut" mode="out-in" > <router-view class="layout-view"></router-view> </transition>