Every Apple mouse ever recreated in pure CSS

apple mouse css

Another brilliant example of CSS in web design

These days Apple is usually associated with its touchscreen designs - such as the recently announced iPad Air and iPad Mini 2 with Retina. With all this finger-friendly technology, it's easy to forget about the little mouse sitting next to the keyboard. But Apple has created some of the best mouse designs ever, and it was these designer Josh Bader decided to focus on these little devices with this beautifully illustrated site.

The site depicts each individual Apple mouse design from the very first to the most recent, and the illustrations have been created using markup alone. There's a lovely little transititon as you switch between them too.

Apple mouse css

apple mouse css

apple mouse css

[via Web Designer Depot]

Like this? Read these!

Which mouse design was your favourite? Let us know in the comments box below!

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

Creative Bloq Staff
All things Creative Bloq

The Creative Bloq team is made up of a group of art and design enthusiasts, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson, Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The ImagineFX magazine team also pitch in, ensuring that content from leading digital art publication ImagineFX is represented on Creative Bloq.