👉 Live DEMO: https://baumannzone.github.io/gameboy-css/
This is the only HTML (Pug) used:
.gameboy .screen-cont .power .screen .header DOT MATRIX WITH STEREO SOUND .animated-text Nintendo .copy ® .controls-cont .btn-direction .vertical .horizontal .btn-AB .btn-start-select .speakers .on-off < off-on > .phones phones
- The first thing you see when you turn on the gameboy is the
- After the transition is done, a "beep" 🔊 sound sounds (Recorded it and edited by myself with my own Gameboy) So, it's the original one 😄.
- Last detail, it simulates the power light comes on when you "turn on" the device.
- EXTRA ✏️: Font used is called "Pretendo" by jackster3000, a mimic nintendo-like font. The real Nintendo font is not well known.
🐷 That's all, folks!
Do you have any question? Let me know what do you think in the comments below or drop me a few words on twitter (@baumannzone).
I'm still thinking what will be my next "Pure CSS" idea, what would you like to see?
If you liked the content of this post, you should subscribe to my newly released Youtube channel: RambitoJS.
If you liked this article, you should check "Pure CSS Zombie", from