There were so many SVG illustrations on the Primary website just begging to be animated, so I taught myself CSS animation to bring the illustrations to life.
Here are some examples of illustrations that I’ve animated with CSS for the Primary website. I was responsible for concepting and animating these illustrations, which were done by the Primary brand team.
I love using CodePen to prototype CSS animation for two main reasons: it’s super easy to see changes on the fly and I can easily send the work-in-progress animation to others for feedback. In most cases, the animation and CSS I wrote for the CodePen prototype ended up being close to what we shipped.
CSS animation concepting and development