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.
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.
Partners
digital District Partner
digital District Partner
