search

the-pudding / sleep-training

MIT License
0 stars 0 forks source link

Animations not rendering #5

Closed tomvaillant closed 1 month ago

tomvaillant commented 1 month ago

Ever since I moved the data formatting to +page.server.js, the animations are no longer rendering on screen. For the life of me I cannot figure out how to fix it.

Example animations in Notification.svelte: <div class="notification" in:fade={{ duration: 200, delay: index * 100 }} >

Or Mosaic.svelte <div class="image-container" in:fly={{ x: i % 2 === 0 ? -200 : 200, y: -200, duration: 1000, delay: i * 100, easing: cubicInOut }}

matthewfdaniels commented 1 month ago

there's lots of ways to do this! easiest way would be to delay it from rendering

image image
tomvaillant commented 1 month ago

Thanks! Implemented this for HeroComments, but it won't solve the issue for the other instances of Notifications or Mosaic because they're all lower on the page and being rendered immediately on page load. But this is raised in the other ticket so I'll close this one!