0:00-21:31
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
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.
- 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.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Sentry.io
sentry.ioScroll-driven animations demos and tools
scroll-driven-animations.style@keyframes
developer.mozilla.organimation-timeline
developer.mozilla.organimation-range
developer.mozilla.orgNeat uses: Dave Rupert on styling :stuck
daverupert.comX
twitter.comInstagram
instagram.comTiktok
tiktok.comLinkedIn
linkedin.comThreads
threads.netX
twitter.comInstagram
instagram.comTiktok
tiktok.comLinkedIn
linkedin.comThreads
threads.netX
twitter.comInstagram
instagram.comTiktok
tiktok.comLinkedIn
linkedin.comThreads
threads.netX
twitter.comInstagram
instagram.comYouTube
youtube.comThreads
threads.net