A circular arrangement of images that rotates 180 degrees as you scroll, driven by spring-based physics rather than a fixed timeline. Each image sits on a ray extending from a central point, spaced evenly around the full circle. Only the top semicircle is visible — the lower half is masked with a gradient that dissolves images as they rotate out of view. As new images emerge from the opposite side, they fade into frame with the same softness. The motion itself isn't linear. It uses a low-stiffness spring with light damping, so the rotation trails behind your scroll and overshoots slightly when you stop — a subtle bounce that makes the interaction feel physical rather than mechanical. Captions fade in and blur out based on proximity to the top of the arc, only becoming sharp and legible when their image reaches the centre. Six unique images are duplicated to twelve, so after a full half-turn the first image lands back on top, creating a seamless loop within a single scroll.
A circular arrangement of images that rotates 180 degrees as you scroll, driven by spring-based physics rather than a fixed timeline. Each image sits on a ray extending from a central point, spaced evenly around the full circle. Only the top semicircle is visible — the lower half is masked with a gradient that dissolves images as they rotate out of view. As new images emerge from the opposite side, they fade into frame with the same softness. The motion itself isn't linear. It uses a low-stiffness spring with light damping, so the rotation trails behind your scroll and overshoots slightly when you stop — a subtle bounce that makes the interaction feel physical rather than mechanical. Captions fade in and blur out based on proximity to the top of the arc, only becoming sharp and legible when their image reaches the centre. Six unique images are duplicated to twelve, so after a full half-turn the first image lands back on top, creating a seamless loop within a single scroll.
