Introduction | Unleash the power of Scroll-Driven Animations (1/10)

Introducing “Unleash the power of Scroll-Driven Animations”, a free video course that teaches you all about Scroll-Driven Animations in CSS or JavaScript.

With Scroll-Driven Animations – a feature available in Chrome 115 and up – you can take an existing CSS or WAAPI Animation and connect it to a scroller using only a few lines of code.

Chapters:
0:00 - Intro
0:58 - What is a Scroll-Driven Animation?
2:41 - Why you shouldn’t use a third-party library
3:50 - Catering for older browsers and users who are not fine with things moving around
4:56 - Outro

Resources:

#CSS #ScrollDrivenAnimations #Animation #Chrome

Speaker: Bramus Van Damme

[petecapecod]

Awesome the series is finally out! 🎉 Can't wait to play around with scroll animations with only CSS!
Great for small/medium projects 💯

[chatcarmelianunes]

It's very modern, a lot of new things are coming along with this chromos browser, we're learning more and more things every day that we don't know, just now a package arrived to me saying

[astrit]

Love it, making life easier and some truly nice animations, hopefully soon it becomes a standard in other browsers also 🤞

[linuxgeex]

@Chrome for Developers: Maybe by 2030 Google will get around to making the "prefers-*" flags available to the User of the User Agent. You know... via the Browser's Preferences Menu? Hint hint.

[bobh]

I recently spent some time implementing some nice scoll animations. Turned out however, the polyfill is a stuttery, jittery mess. I had to convert everything to GSAP scrolltrigger animations. A complete waste of my time and money.

[vphtfgu]

That is really good that you are working on it. But when i include such animations that usually means that I am working on a difficult website with a bunch of different animations. And nobody made a better thing than gsap.
It has a really good api, it is stable and it is growing and almost every developer is familiar with it.
Should we really replace it?