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,…
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 :