0

I'm following the tutorial to add transition for react-router page use react-transition-group. My page content all wrapped into the container, and I use flex-box to center the container.

However, it leads to transition cannot apply properly.

I expect page transition should be in the container, either from left to right or right to left. I'm trying to use position:relative in container and position:absolute for transition class, seems doesn't work at all

code is here

Any ideas are welcome!

cheers.

WhyINeedToKnowThis
  • 157
  • 1
  • 2
  • 9

1 Answers1

0

You can use react-tiger-transition for full page transitions with react-router.

Here is the demo:

demo-gif

(I'm the author)

pedrobern
  • 1,134
  • 9
  • 24