https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

https://www.framer.com/motion/scroll-animations/

In JavaScript this could be achieved using the scroll event[1] or the intersection observer api[2].

1. https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event
2. https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

Framer, an animation library, could also help 

https://www.framer.com/motion/scroll-animations/

Can anyone please give a detailed breakdown of how things like this are designed and built. 🙏

I suspect it’s probably either Spline or Figma using transition variables tied to the scroll position though. Meaning no code was actually used

Posts