# Pure CSS Games with Counter-Increment

DevFeed: [Pure CSS Games with Counter-Increment](<https://devfeed.tech/articles/pure-css-games-with-counter-increment-28790.md>)

Original publisher: [Read original article](<https://una.im/css-games/>)

Published: 2016-04-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [css animation](<https://devfeed.tech/topics/css-animation.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [css-animation](<https://devfeed.tech/tags/css-animation.md>), [games](<https://devfeed.tech/tags/games.md>)

## AI overview

This tutorial demonstrates how to create games using only CSS, combining the counter-increment property with checkbox inputs and CSS animations. It explains counters, dynamic counting, pseudo-elements, and a target game that uses moving checkbox inputs and a timed overlay.

## Source excerpt

Did you know you can make games in CSS? This post explores a relatively obscure CSS property (counter-increment) combined with checkbox inputs to show you how.