Questions tagged [svelte-transition]
40 questions
10
votes
1 answer
Svelte transitions and animations on page load
I am currently working on a website using Svelte and Sapper. I'm using Svelte transitions to animate some of the page elements. Whenever I change to a new page route, the transitions animate correctly. But when I load the page for the first time,…

Nathanael Troyer
- 339
- 3
- 9
8
votes
2 answers
How to use two svelte transitions on the same togglable element?
I have an input field that I want to hide/show and doing so with a fade and slide transition. I've have two examples that I came up with but both have their drawbacks and I'd like to know if there is a more elegant solution.
I just need one of the…

maglet
- 135
- 1
- 6
8
votes
1 answer
Are Svelte transitions/animations done with CSS or JS?
I'm checking out Svelte, and I'm finding a lot more out of the box that I would've expected.
One thing that surprised me a little bit where the amount of transition and animation tools, especially the tooling for custom transitions, and I can't…

Pablo Barría Urenda
- 5,703
- 5
- 20
- 32
7
votes
4 answers
How to do page transitions with svelte/sapper
I want to realize a simple page (route) transition in Sapper. Something that is easily achievable with Nuxt for example. Does anyone have an idea how to realize that with Sapper?
I already wrapped my page content into a div with a transition:fade…

Moritz Laube
- 369
- 4
- 14
5
votes
1 answer
Svelte: transition on reactive data change
What would be the best way to trigger an animation when a reactive variable changes?
I would like to do something like this :