813: CSS: Scroll Driven Animations
Update: 2024-08-261
Description
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 ">00:00 Welcome to Syntax!
- 00:46 ">00:46 Brought to you by Sentry.io.
- 01:35 ">01:35 Scroll-driven animations.
- 04:13 ">04:13 @keyframes.
- 05:22 ">05:22 animation-timeline.
- 11:35 ">11:35 animation-range.
- 08:49 ">08:49 View-based timelines.
- 17:45 ">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
Comments
Top Podcasts
The Best New Comedy Podcast Right Now – June 2024The Best News Podcast Right Now – June 2024The Best New Business Podcast Right Now – June 2024The Best New Sports Podcast Right Now – June 2024The Best New True Crime Podcast Right Now – June 2024The Best New Joe Rogan Experience Podcast Right Now – June 20The Best New Dan Bongino Show Podcast Right Now – June 20The Best New Mark Levin Podcast – June 2024
In Channel