{"version":1,"type":"rich","provider_name":"Libsyn","provider_url":"https:\/\/www.libsyn.com","height":90,"width":600,"title":"090: Scroll-driven animations","description":"In this episode our esteemed guest returns! This time to help us grok Scroll Driven Animation. Learn all about scroll(), view(), animation-timeline, timeline-scope, animation-range, and more. Power those animations with off-the-main-thread CSS scroll animation powers. &amp;nbsp; Resources: Bramus's Demos: All mentioned Demos + Tools + Video Course + DevTools Extension link \u2192 https:\/\/goo.gle\/3Uw31up&amp;nbsp; Video Course direct link: https:\/\/goo.gle\/learn-scroll-driven-animations &amp;nbsp; Adam's Demos: scroll() the hue wheel \u2192 https:\/\/goo.gle\/4emb3NO&amp;nbsp; CSS scroll() feature time warp \u2192 https:\/\/goo.gle\/4exH3yv&amp;nbsp; view() long bento list \u2192 https:\/\/goo.gle\/4gtcCLx&amp;nbsp; view() scrolly telling \u2192 https:\/\/goo.gle\/3TAq2vA&amp;nbsp; view() iOS-like app switcher \u2192 https:\/\/goo.gle\/4etvCI6&amp;nbsp; view() variable font animation \u2192 https:\/\/goo.gle\/4e8eJmd&amp;nbsp; &amp;nbsp; Una Kravets (co-host) Twitter&amp;nbsp;|&amp;nbsp;Instagram&amp;nbsp;|&amp;nbsp;YouTube Making the web more colorful \u2728\ud83c\udfa8&amp;nbsp; Web DevRel&amp;nbsp;@googlechrome&amp;nbsp;Unicorn face host of&amp;nbsp;@toolsday&amp;nbsp;&amp;amp;&amp;nbsp;Designing in the Browser&amp;nbsp;\ud83c\udfac&amp;nbsp; Adam Argyle (co-host) Twitter&amp;nbsp;|&amp;nbsp;Instagram&amp;nbsp;|&amp;nbsp;YouTube @GoogleChrome&amp;nbsp;CSS DevRel;&amp;nbsp;@CSSWG;&amp;nbsp;VisBug maker; punk; CSS\/JS\/UX addict; \ud83d\udc80\ud83e\udd18 ","author_name":"The CSS Podcast","author_url":"https:\/\/thecsspodcast.libsyn.com","html":"<iframe title=\"Libsyn Player\" style=\"border: none\" src=\"\/\/html5-player.libsyn.com\/embed\/episode\/id\/33207227\/height\/90\/theme\/custom\/thumbnail\/yes\/direction\/forward\/render-playlist\/no\/custom-color\/88AA3C\/\" height=\"90\" width=\"600\" scrolling=\"no\"  allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen><\/iframe>","thumbnail_url":"https:\/\/assets.libsyn.com\/secure\/content\/194152405"}