Brighten up your website with these animations
Pankaj Taneja created these stylish animated CSS animals to help liven up dull web pages.
To create impressive website visuals and animations you don't have to use photo editing software that will drag down your load speed. Instead you can create amazing CSS animation entirely using markup – and that's exactly what Pankaj Taneja has done with these adorable animated animals.
Pure CSS Animals is a collection of animated animals, people and icons all made entirely out of, you guessed it, CSS. Originally created as a way of testing the capabilities of HTML and CSS, Taneja has now uploaded some of the designs to Codepen for users to download and examine for free.
Supported by all modern browsers, these stylish animations are fully responsive across desktop, mobile and tablets, with each one bursting into life when you hover over them. As well as looking good on websites, they're a great way for designers to see how CSS animations work.
Liked this? Read these!
- You'll love these eye-popping CSS images
- Introduction to CSS selectors
- Get started with CSS polygons
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
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Dom Carter is a freelance writer who specialises in art and design. Formerly a staff writer for Creative Bloq, his work has also appeared on Creative Boom and in the pages of ImagineFX, Computer Arts, 3D World, and .net. He has been a D&AD New Blood judge, and has a particular interest in picture books.