Remix.run Logo
anomaloustho 5 hours ago

The problem is the background is often times doing a wave motion across the screen.

Then the foreground content is doing an in/out undulation on top. So you’re seeing an undulating in/out in every possible direction + the background. And the foreground animations are all at the same time. So it’s not that we’re emphasizing any one thing. We’re emphasizing all of it.

The key with animations is in what they’re trying to draw attention to, the character of the movement, and the timing of it. You usually don’t want everything to equally animate at once.

I would: • Use background movement that also isn’t a “wave” • Stagger the timing of foreground animations so the main content is emphasized, followed by a pause, followed by the sidebars • Change the nature of the animations so they’re not doing the same essentially thing “zoom and pan” - so have the center zoom and pan, but do something different for the sides.