KPC
Kevin Powell - Community•2y ago
mozi47

Transition in react, when navigate to different route.

Hi, I want this transition in react. when click on button the the extra button toggle but with nice transition. https://codepen.io/mozi47/pen/JjZvdyX But in react, when the route changes the transition not working. How I can solve this? when routing from home to page1 the transtion not working. viceversa. https://codesandbox.io/s/amazing-ptolemy-k9kkrc?file=/src/App.js
Muzakir Shah
CodePen
transition
...
mozi47
CodeSandbox
amazing-ptolemy-k9kkrc - CodeSandbox
amazing-ptolemy-k9kkrc by mozi47 using react, react-dom, react-router-dom, react-scripts
2 Replies
Joao
Joao•2y ago
You will have to use a library like framer-motion to apply transitions while using React. At least in situations like this where components are handled by React and un/mounted from the DOM regularly.
mozi47
mozi47•2y ago
Sure. I will explore that. Btw the problem is solved using css animation.
Want results from more Discord servers?
Add your server
More Posts
Grid behaviorI don't really understand why this happens. https://codepen.io/myntsu/pen/PoaeVyQ The grid overflowGitHub SSH key or username and email?I'll be getting my new laptop tomorrow and I'll have to do all the setup like installing node and giBackground-image gone missingHi folks! Why doesn't the `background-image` show up in my `.header` and `.end-box` selectors? httpResponsive cards and auto-fit, auto-fillShort question, and it might not have a straight forward answer. But here we go ... In this codepen Image questionsHi! I have two questions: 1. Why doesn't my `.image1` and `img-box3 / image3` center the container best way to achieve this in csswhat's the best way to achieve this, please? i have tried: `.learn-more::after { height: 3em;