add fade-in and fade-out animations when navigating routes (using solid-routes) - SolidJS

SolidJS•4y ago•

6 replies

add fade-in and fade-out animations when navigating routes (using solid-routes)

o/ is there any way to add some sort of fade-in and fade-out animations when navigating between routes? this is what i basically have at the moment

                        <ErrorBoundary fallback={<p>some problem</p>}>
                            <Routes>
                                <Route path="/" component={Home}/>
                                <Route path="/settings" component={Settings}/>
                            </Routes>
                        </ErrorBoundary>

                        <ErrorBoundary fallback={<p>some problem</p>}>
                            <Routes>
                                <Route path="/" component={Home}/>
                                <Route path="/settings" component={Settings}/>
                            </Routes>
                        </ErrorBoundary>