Building further upon my posts digging into Scroll-Linked Animations, Gary Simon created this video recreating a basic Scroll-Linked Animation that animates an image as you scroll down the page.
Good video if you’re looking for a quick intro. Two minor remarks though:
- Instead of speeding up the
time-rangeit’s better to tweak the
scroll-offsets. Even more better is to use Element-Based Offsets.
- That flicker Gary talks about is not an issue with 3D transforms or anything like that, but a bug in the current (experimental) implementation.
💁♂️ Here are the links to the original posts again, in case you want to dig deeper into the subject: