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.

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!

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

The Creative Bloq team is made up of a group of design fans, 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, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.