Currently, I am working on implementing transitions for my react-router
page using react-transition-group
.
All of my page content is wrapped inside a container, and I have applied flex-box to center the container.
Unfortunately, I am facing issues with getting the transitions to apply correctly.
I was hoping that the page transition would occur within the container, either moving from left to right or right to left.
I have attempted to use position:relative
on the container and position:absolute
on the transition class, but it doesn't seem to be effective at all.
If anyone has any ideas or suggestions, they are more than welcome!
Cheers!