Skip the entrance parade
Content that is already on the page should just be there.
Brian Lovin@brian_lovinEntrance animations, entrance animations everywhere...
Quoting a post about spotting Webflow and Framer sites from miles away.
Scroll the same page
Flick each page fast, or press Scroll both.
Reveals on scrollBad
Hidden while in view
0msAlready thereGood
Hidden while in view
0ms/* No scroll reveals: content that exists is visible. */
.section { /* nothing to add */ }
/* One purposeful moment, at most: the hero, once, on load. */
.hero h1 {
transition: opacity 400ms var(--ease-out), translate 400ms var(--ease-out);
@starting-style { opacity: 0; translate: 0 8px; }
}
@media (prefers-reduced-motion: reduce) {
.hero h1 { translate: none; }
}
Why it matters, pros and cons
Why it matters
Reveals make people wait for text that already loaded. Scroll fast and you get blank space; and every template site starts to look the same.
Pros
- Nothing to wait for, at any scroll speed.
- Anchors, find-in-page and screenshots see the whole page.
- No observers or hidden-until-seen state to maintain.
Cons
- One hero moment on load can still set the tone.
- Scroll-told stories are a different genre, with their own rules.
- A still page can read as flat in a review; scroll it fast for them.