This project consists of four sections breaking down various points in Goya’s career as an artist that incorporate scroll based animations and transitions, a navigation menu, and a animated timeline in the sidebar.
The GSAP JavaScript library was used to create and implement the scroll-based animations in this project, this allows the animation key frames to be triggered by the user’s scroll position on the page as opposed to being time-based. This also allows the animations to be scrubbed through in either direction at the speed at which the user is scrolling.
