Animation speed too high

Okay it might be trickier than I thought. The screen with the user list and the details page are two different elements. When you click on a user, it adds display:none to the user list and remove display:none from the details page. And the other way around when you click on the Back button.

I thought of adding a CSS transition property to each of the two elements, but that can’t really work because browsers disable CSS transitions when you change the display property. Unfortunately, I don’t think it’s currently possible to change the speed of the animation. That said, in my opinion, the animation looks good as-is in your app.

Also while doing my research, I found a few other discussions about similar issues. You might be interested in this and that. Sorry I couldn’t be more helpful…

1 Like