alt Hacker NewsThe poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.)
The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Replies
> The poster seems to be implying that this effect is prevalent across the web
Because it is.
For sites with dynamic content (social media, news, etc.), it doesn't happen.
But commercial sites trying to convince you to use their product, they're incredibly common. It's not always a fade in exactly like this site does it. Sometimes it's content sliding in from the side.
It's incredibly pervasive on SaaS marketing pages.
I was redesigning a website of mine and Claude suggested to add this as an animation. My theory is that, if claude is confident in a suggestion, a lot of other people have done the same.
Maybe it's too subtle to notice.
Edit: on odeva.nl
You probably haven't noticed it before because when it's done well, it's a subtle and pleasant effect that can be used to draw your attention to particular elements on the page.
This site is intentionally doing it very poorly to make a point. Really, the takeaway should be don't do things poorly. But that's kind of obvious.
Are you sure you don't have prefers-reduced-motion enabled? I just found out I already have it enabled when I went to look for how to enable it...
I’ve seen the mostly in personal website templates used by people that would have had very sparkly MySpace profiles had they been creating for the web back then.
It definitely isn't prevalent, and usually is for "feature" pieces (like an expose on the Washington Post back when they were a real newspaper), along with product pages.
Apple uses it for their various pages, and it is legitimately annoying-
Tesla is a fan as well-
Occasionally sites use lazy loaded images, and do a "fade in" effect when they're actually loaded. Nothing wrong with that particular use.
> The goldfish
It goes where you click in the water area
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents
I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.