SVG animation with GSAP (cancelled)
Cassie Evans
Lead Bestower of Animation Superpowers at GreenSock
Important information: Unfortunately this event is now cancelled
Animation is a brilliant way to bring personality and character to an online experience, but figuring out where to start can be a bit overwhelming. In this hands on workshop we’ll walk through creating an SVG animation together using GSAP. Along the way we’ll explore timelines, easing and how to make your animation accessible.
A working understanding of HTML, CSS and Javascript is recommended, but if you want to give it a go anyway, (yolo) you can have some code snippets to copy paste. No one gets left behind!
I’ll provide the illustrations for you to work with, but if you’d like to work on your own SVG let me know in advance and I’ll help you prepare it for the day.
You will need to bring your own laptop.
Hosts
Cassie Evans
Lead Bestower of Animation Superpowers at GreenSock
Cassie is a creative developer with a background in graphic design and motion design. She got started with coding back in the days of Myspace and Neopets and is on a mission to make the internet more whimsical again. She currently works in developer relations at GreenSock, tinkering, educating and getting people excited about animation on the web.
Partners
digital District Partner
digital District Partner
digital District Partner
See the Pen
Jellyfish – SVG feDisplacementMap + feTurbulence by Cassie Evans (@cassie-codes)
on CodePen.
See the Pen
SVG Shape Overlays by Blake Bowen (@osublake)
on CodePen.