Game Boy in CSS

• 1 min read

Game Boy in CSS

So just for fun I decided it'd been a while since I'd stretched my CSS skills and wanted to do a little something.

Inspired by some GameBoy pixel art I'd seen, and holding the game boy dear to my hart as a staple of my childhood I decided to spend a little time putting together a CSS version of the classic Nintendo console.

In true Ben style it's mobile up responsive and uses VW units to calculate drop shadows and border radius to ensure it still looks right at any size.

It's still a work in progress, as I need to do the speaker and other body ridges. Don't @ me.

I've just added the speaker, and a drop shadow, because realism, It now also powers up, but sadly the batteries are low. Give it a go and flick the power button.