Welcome to Spinfinity Slots
A pure CSS slot machine demo. Click below to learn how to play or start trying!
How To Play
Navigate to the try pages to experience the rigged sequence: lose → lose → win. Each page has a fixed outcome. Use the Spin / Stop button to play.
Techniques used
- CSS Grid and Flexbox for responsive layout
- @keyframes for reel spin, stop, glow, and confetti
- transform: translateY, rotateX, scale for motion & feedback
- Theme toggle via CSS variables and prefers-color-scheme
- Reduced motion support via prefers-reduced-motion
About Spinfinity Slots
Built with pure HTML + CSS. Demonstrates transforms, transitions, and keyframes for motion-first UI. No JavaScript is used for interactions.
- CSS Grid/Flexbox responsive layout
- Reel spin/stop with staggered timing
- Theme toggle with CSS variables
- Confetti and win-line effects