Play game
100% Pure CSS Slot Machines's itch.io pageResults
| Criteria | Rank | Score* | Raw Score |
| Innovation | #21 | 3.700 | 3.700 |
| Theme | #212 | 2.950 | 2.950 |
| Overall | #259 | 2.670 | 2.670 |
| Graphics | #272 | 2.650 | 2.650 |
| Gameplay | #350 | 2.250 | 2.250 |
| Audio | #398 | 1.800 | 1.800 |
Ranked from 20 ratings. Score is adjusted from raw score by the median number of ratings per game in the jam.
Challenges
Open Source
GitHub repository url
https://github.com/surahotoke/slot-machines-100-percent-pure-css
Leave a comment
Log in with itch.io to leave a comment.
Comments
It’s honestly rare to see a "Pure CSS" entry in a Jam. The logic you’ve built into the styling to handle the slot mechanics is really impressive—it shows a lot of dedication to the technical constraint. The visuals are clean and the execution is very smooth.
Dropped a rating for the creativity and technical effort! I’ve also submitted an entry which is a puzzle game focused on perception. If you have a moment to check it out, I’d value your feedback~！
Ha ha ha that is so cool!
For me, Chrome/Linux on a 1.5 GHz i7, the browser struggled to keep up.
Impressively impressive in terms of code!
The coolest part of this was checking out the files! Really impressive that you were able to pull this off! Unfortunately, I guess there is no way include sound in css lol. Kind of difficult to judge this as a game when such a huge limitation is present. Nonetheless it is very impressive and obviously something you wanted to do so well done!
I love gambling.
thats impressive
CSS-only is such an interesting challenge.
This is honestly wild! Handling randomness, animations, and state transitions all in CSS is super impressive. Didn’t know CSS could go this far!
You gave yourself a solid little challenge to leave JS out of a game built in HTML and CSS. You pulled it off! Though the cost is some serious lag. haha
Good job!
Thank you! Actually, I went one step further — HTML is excluded too!
Who would thought that you can use pure CSS to make games?
Thanks! Glad I managed to finish it in time!
I played your game! It's a proper RTS — really cool!
🚨 Important: If buttons don't respond (bet starts the spin, stop!! doesn't work), please make sure your browser zoom is at 100% (Ctrl + 0 to reset). The game uses 1px-precise scrollbar position to encode state, so any zoom misaligns the click detection.
I really appreciate the tech challenge you gave yourself! I hope other people notice. Good luck in the jam
Thank you so much! 🙏 Just played Mün Craft — left a comment there
Hello! 👋
A few notes for players:
⚠️ Browser support: Requires the latest Chrome / Edge / Opera. Other browsers may not render correctly because the game uses cutting-edge CSS features.
🖥️ Best on desktop. Mobile reels spin, but bet switching and BONUS/FREE counters may glitch.
💡 If the layout looks broken on first load, please refresh once or twice — initial CSS animations can desync if you move the mouse during loading.
🎰 How to play: Long-press "bet" to set wager → Press "play" → Hit each "stop!!" → Match 3 symbols on any of 5 lines to win!
🔧 Tech tip (for those who want to try MACHINES mode):
The BONUS probability is about 1/8000, so MACHINES mode may be hard to trigger in normal play. To experience it quickly, open DevTools and add `counter-increment: slot-state 8;` to the `html::after` rule in the Styles pane, then remove it. This momentarily sets bit 3 of the state register, triggering BONUS mode.
This itself is a demonstration of the "scrollbar as memory" design — game state is encoded in <html>'s scroll position as a 6-bit register.
Source code: https://github.com/surahotoke/slot-machines-100-percent-pure-css
Feedback welcome! 🙇