A Github graph inspired ๐ฃ Minesweeper-type game.
Click on the squares if you dare - or hover & "paint" the graph of your dreams.
Featuring:
- Pug to generate all those checkboxes
- CSS Grid
- Basic keyframe animation (changes color of the squares)
- An experimental use of
:focus-within
+ the general sibling combination (~
) to accomplish clearing all squares that follow a discovered ๐ฃ mine - Sass to randomly select the mine squares which refreshes each page load thanks to the nature of CodePen
Desktop-only due to lack of hover or a comparable
:touch
selector on mobile, which means adequate touch events would require JS. If you have a hack around this I'd love to hear it!
Top comments (1)
The UI and animations are awesome. But what are the rules?)