Create animated CSS art

CSS art
(Image credit: Tiffany Choong)

Creating CSS images is a fun way to practise your skills and create a neat piece of artwork. It's a nice break from the usual day-to-day styling of web components. All you'll need to get started is a blank document and a CSS file; we recommend using Sass, which will enable you to reuse your styles and write simpler selectors (see our guide to what is Sass? to learn more about this preprocessor). 

We'll start with some top tips for mastering CSS art, then show you how to recreate this animated balloon Pikachu using only CSS (make sure you keep your files safe in decent cloud storage).

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

Choong is a frontend developer, designer and CSS artist based in Toronto, Canada.