In this episode of Syntax, Wes and Scott talk about CSS' new scrolldriven animations, its implementation, uses, and potential pitfalls. They also discuss animationtimeline and animationrange, 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) Scrolldriven animations
(04:13) @keyframes
(05:22) animationtimeline
(11:35) animationrange
(08:49) Viewbased timelines
(17:45) Neat uses: Dave Rupert on styling :stuck

All links available at https://syntax.fm/813


Hit us up on Socials!

Scott:   / stolinski  
Wes:   / wesbos  
Randy:    / @randyrektor  
Syntax:   / syntaxfm  

http://www.syntax.fm

Brought to you by Sentry.io

#webdevelopment #webdeveloper #javascript