CSS transitions for single page app URL changes

I’m wondering if there’s a way I can apply CSS transitions to the entire contents of the element whose content is being replaced when a page load is executed using the single-page app approach found in the Dash docs (ie using dcc.Location and dcc.Link components.) What I’d like is for the contents of the page to briefly fade out and then back in as the new page is loaded.

I feel like there should be some way with a combination of CSS transitions and maybe fiddling around with classes in the react components, but don’t have quite enough experience in those areas.

1 Like