Every Apple mouse ever recreated in pure CSS

Mice work if you can get it... This brilliantly designed website celebrates the evolution of the Apple mouse using CSS alone.

apple mouse css

Another brilliant example of CSS in web design

These days Apple are usually associated with their 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 designer Josh Bader was feeling nostalgic for the Apple mice of old, so he 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.

Using simple and effective illustration, Bader allows the mice to speak for themselves in terms of design. A great example of CSS in action.

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!