How to create animations that scale for all devices

Animation on the web is particularly nuanced, as we have to adjust our work to take into account bandwidth, code compatibility and product design. In this article I'll explain the recommended set-up for a truly responsive scalable animation. I'll also cover different ways of working with the animation to achieve positive user experiences and parity across our multi-device world.

I will cover a selection of key use cases: adding CSS animation to SVG sprites, dealing with standalone graphics that require complex movement, creating a responsive experience that adjusts to the viewport, and making animations simpler for mobile.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks.