Menu

Post image 1
Post image 2
1 / 2
0

Chris’ Corner: Scroll-Driven Excitement

CodePen·@HashtagPLUS·about 1 month ago
#BJLgeAAC
Reading 0:00
15s threshold

Scroll-Driven Animations are a bit closer to usable now that Safari has them in Technical Preview and Firefox has them behind a flag . Chrome has released them. Saron Yitbarek has been blogging about it for Apple , and it’s nice to see. Apple hasn’t ever been super big in the “we make educational content for web development in general” department but maybe that’s changing. I like how Saron lays scroll-driven animations out: What I like about this framing is that it underscores that the target and the timeline can be totally different elements. They also have no particular requirements for where they live in the DOM. A rando <div> that scrolls can be assigned a custom timeline name that some other totally rando <section> elsewhere animates to. It’s just a freeing thought. There is also this important thing to know about scroll-driven animations: there are two kinds.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More