20 CSS Games
This collection unlocks the potential of CSS as a game engine, completely eliminating JavaScript. Turn logic and scoring are implemented via a system of hidden checkboxes and CSS Counters managed by the :checked pseudo-class. Dynamics are created using @keyframes to animate enemies and obstacles, while interaction relies on :hover and :active. Additionally, the use of transform-style: preserve-3d allows for building volumetric worlds and mazes, proving that web styles are capable of creating full interactive experiences.
Last updated:
The Backrooms: CSS Edition
A fully playable first-person 3D horror game inspired by “The Backrooms”, built almost entirely with CSS.
Pure CSS Carnival Game
A fun and dynamic reaction game where the user must click moving targets within a time limit, with the score automatically tracked using CSS.
Pure CSS Game: Stacker
A fully playable “Stacker” arcade game built entirely with CSS, utilizing the radio button hack and animation timing control.
