Explore the new frontier of animation with CSS

A flat illustration of spaceships, planets, satellites and comets, indicating the new frontier of CSS animation.

Modern browsers and design tools offer a lot in terms of creative power. Mobile devices have turned into pocket powerhouses with enough oomph to push all those Retina screen pixels without breaking a sweat. It should therefore come as no surprise that dynamic websites, which tap into all this power, are emerging on a daily basis. In fact, you would be hard-pressed to find a modern website that doesn’t make use of CSS animation in some way, be it in the form of simple hover transitions or in full-blown pieces of art.

Good animation can bring otherwise static content to life while supporting the rest of the design and helping to express brand personality, and it can make for a more natural user experience because we're hardwired to respond to moving objects.

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

Ana Travas is a designer and FE developer specialising in UI/web design, front-end and CSS animation. She is also the creator of Animista, the CSS animation library.