Scroll Linked Animations With NO JAVASCRIPT!?

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:

  1. Instead of speeding up the time-range it’s better to tweak the scroll-offsets. Even more better is to use Element-Based Offsets.
  2. 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:

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.