Scroll-animated web design uses the scroll position as a timeline, triggering animations, transitions, and layout changes as the user moves through the page. This technique transforms passive scrolling into a choreographed narrative, revealing content through carefully sequenced visual events.