Skip to content
UIGrammer
EN 中文

Anti-pattern · Motion · High

Fade-and-Slide-Up on Every Section

Fade-and-slide-up on every section is a uniform scroll reveal applied to all blocks, turning the page into one continuous entrance instead of a composed whole.

The tell

Scrolling reveals each block with the same fade plus 20-40px upward translate.

Why it happens

Scroll libraries make this a one-line addition and it demos well, so it is applied uniformly. Uniform reveals also mean the model never has to decide what deserves emphasis.

The rule

Reveal at most one or two sections per page — the ones that change register.

  1. Remove the reveal from all but one or two sections.
  2. Keep it where content genuinely changes: a full-bleed visual, a data block, a quote.
  3. Set any remaining reveal to 300-400ms ease-out, once, never on repeat scroll.

What is a Fade-and-Slide-Up on Every Section?

A scroll-triggered fade-up on every block turns reading into waiting: each section arrives late, nothing is ever fully present, and the page feels slower than it is. Scroll reveals should mark a change in register — a section that contrasts with what precedes it. Everything else is already on the page; let it be there.

Fix prompt

Paste this after your existing prompt to strip the pattern from the result.