Transition (out) animates, then content becomes visible again, THEN page changes, content visible again, THEN transition (in) animation occurs.

[pierrerocket]

Any ideas on how to fix this?

I added opacity:0 to the class animsition targets, which fixes fade out, but fade in is still screwy.

It seems that the animation changes the opacity changes the animation down to zero, but then it jumps back to 1.

[jackdaniel9]

Same problem

[PhilETaylor]

same here...

[bagel101]

Having the same issue.

Once the transition animation is complete, the previous page flashes before transitioning into the next page. Any solves?

[ghost]

Same issues. It seems nobody has tended to this or figured out how to fix it. I tried putting an overlay in during the transition, and all the text is seen over the overlay, so that failed. Has anybody figured this out yet? Thanks!

[o-o-o-o-o]

What triggered this for me was changing the 'out of the box' .animsition class to a custom class: .transition

Reverting back to .animsition stopped the flickering from occurring.

[pierrerocket]

o-o-o-o-o seems to be correct, putting the animstion class on my body element instead of entering my own class in the query fixed the issue.