Animating elements on page load with SvelteKit

[matiadev]

Using onMount prevents server-side rendering so I was wondering if using CSS animations is the only way to animate elements when a page loads?

<script>
  import { onMount } from 'svelte'
  import { fade } from 'svelte/transition'

  let animate = false

  onMount(() => {
    animate = true
  })
</script>

{#if animate}
  <div transition:fade>
    <!-- ... -->
  </div>
{/if}

[geoffrich]

Related: #2759

But yeah, not sure what this looks like.

[matiadev]

I would love that!