813: CSS: Scroll Driven Animations

from Syntax - Tasty Web Development Treats Hosted by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

In this episode of Syntax, Wes and Scott talk about CSS’ new scroll-driven animations, its implementation, uses, and potential pitfalls. They also discuss animation-timeline and animation-range, and how they can be utilized to control animations based on scroll positions. Show Notes 00:00 Welcome to Syntax! 00:46 Brought to you by Sentry.io. 01:35 Scroll-driven animations. Syntax 695: 5 New CSS Features You Should Know Scroll-driven animations demos and tools. 04:13 @keyframes. 05:22 animation-timeline. 11:35 animation-range. 08:49 View-based timelines. 17:45 Neat uses: Dave Rupert on styling :stuck. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Episode details come from the podcast's RSS feed.

Embed this episode

Attribution link and audio player

Ready to play

813: CSS: Scroll Driven Animations

0:00 21:31

No transcript yet.

Requests help us decide what to transcribe next.

Share this episode

Frequently asked questions

How long is this episode of Syntax - Tasty Web Development Treats?

This episode is 21 minutes long.

When was this Syntax - Tasty Web Development Treats episode published?

This episode was published on August 26, 2024.

Can I download this Syntax - Tasty Web Development Treats episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.