sz Hero
47 elements fade — measured — when they enter the viewport — on their own clock, not tied to scroll position
Summary
- origin
- sarahzaheer.site
- selector
- .framer-whhdcr
- family
- reveal
- passes
- rest, ground, motion, scrub, feel, page-transition, interaction, fallback
- read directly
- 28 %
WHAT WAS MEASURED
mechanism
- 14
- distinct mechanisms. That is what actually has to be built, and what sets the price.
- 5
- unique easing curves. Each one is a design decision to get right.
- 48
- elements in motion. Scope raises the price, but in logarithm: repeating is not the expensive part.
THE CHARACTER OF THE MOTION
fastslow
14 mechanisms · 5 curves
one recipemany
14 distinct mechanisms
intimatecrowd
48 elements in motion
measuredinferred
28 % read from the engine, the rest sampled or inferred
The travel is re-anchored when the piece is mounted outside its page: the original scroll range belonged to a document this component no longer lives in. The mechanism — which properties, with which curve, from where to where — is the measured one.
MOUNTING THE PIECE…
RUNNING ON THE MEASURED RECIPES · 1440 PX, SCALEDIMAGES AND TEXT ARE STAND-INS — WE NEVER TAKE THEM