DEV Community

Custom Transitions And Staggered Transitions In Svelte(with AnimeJs)

Khutso siema on November 01, 2019

Let's start with the obvious. Method #1 The first method will obviously to make use of the built-in transitions from svelte/transition ...
Collapse
 
srinirg profile image
srini-rg

This is some landmark discovery, bro. I mean, using Anime JS in the Svelte transition callback. That is going to make Svelte transitions a lot more flexible. If at all possible, do please investigate more on this. I too, will try.

Collapse
 
irvingarmenta profile image
Irving Armenta

Thanks for the article!
I'm starting to use Svelte to make my personal page, very simple one.

I'm used to using AnimeJS on React, and there are some caveats that I know how to fix in React, but in svelte I'm not sure.

it seems that there is no timeout for the transition, so when triggering the "reverse" function animation it does not wait for the animation to be completed to hide it, I've been looking in Svelte docs but it seems there is no way to add a timeout, do you know how to solve this?
Thanks!