Dos and don'ts for delightful web animations

Image: Lisi Linhart

We're finally getting to a stage where brands are recognising the power of web animation. We've already gathered together the best CSS animation examples and shown you how to code them, but in this article we're going to share some top tips for getting more from motion in your UI design projects. 

Lisi Linhart is a creative developer who specialises in creating interactive, moving things on the web (see the colour-changing whale above in action). At Pixel Pioneers, she took to the stage to explain to the audience how to keep animations performant across browsers, and showcase the different animation options we have on the web today. We caught up with her afterwards to hear some more top tips. 

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

Ruth Hamilton

Ruth spent a couple of years as Deputy Editor of Creative Bloq, and has also either worked on or written for almost all of the site's former and current print titles, from Computer Arts to ImagineFX. She now spends her days reviewing mattresses and hiking boots as the Outdoors and Wellness editor at, but continues to write about design on a freelance basis in her spare time.