Interactive SVG Animations Using Greensock (with Cassie Evans) — Learn With Jason

Animated SVGs add a touch of interactive whimsy and polish to our websites. In this episode, Cassie Evans will teach us how to use Greensock to create fun, engaging experiences! - demo: https://codepen.io/jlengstorf/full/YzWMWBv - repo: https://codepen.io/jlengstorf/pen/YzWMWBv Links: - https://smashingconf.com/online-workshops/workshops/cassie-evans-feb - https://www.learnwithjason.dev/generative-data-visualization-part-3 - https://www.learnwithjason.dev/make-animations-feel-pro - https://greensock.com/docs/ - https://greensock.com/docs/v3/Eases - https://greensock.com/docs/v3/Plugins/ScrollTrigger - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion - https://developer.mozilla.org/en-US/docs/Web/SVG - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations - https://unsplash.com/photos/DFVxpiljOqQ - https://unsplash.com/documentation#supported-parameters - https://codepen.io/cassie-codes/ Watch future episodes live at https://www.twitch.tv/jlengstorf Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com