Over a million developers have joined DZone.
Platinum Partner

CSS3 Games Collection

· Web Dev Zone

The Web Dev Zone is brought to you in partnership with Mendix.  Discover how IT departments looking for ways to keep up with demand for business apps has caused a new breed of developers to surface - the Rapid Application Developer.

Have you ever thought about creating your own web games? I'm sure that most of you have already heard about the newest technologies like html5, canvas, webgl, and node.js. But I think that before you start working with these new technologies, you should start developing games with the simplest DOM (like HTML, CSS, and Javascript). I would like to provide you with a collection of such games, so you will be able to investigate and try them out. Some of them even work without Javascript! 

1. Whack-a-Rat – CSS only game

Whack-a-Rat - CSS only game

2. SURVIVOR (1982 Commodore 64 game remake)


3. Sumon


4. 3D – CSS puzzle

3D - CSS puzzle

5. Duck Hunt

Duck Hunt

6. Dino Pairs Game

Dino Pairs Game

7. Cops and Robbers – CSS puzzle

Cops and Robbers - CSS puzzle

8. Cascading Cube Racer

Cascading Cube Racer

9. CSS maze puzzle

CSS maze puzzle

10. One-Of-A-Kind CSS/JS-Based Game Portfolio


Plus, you can find tutorial about making this portfolio here

11. Anigma


12. Ninja Jarimaru

Ninja Jarimaru


I hope that our new collection of CSS3 games was interesting for you. Good luck!

The Web Dev Zone is brought to you in partnership with Mendix.  Learn more about The Essentials of Digital Innovation and how it needs to be at the heart of every organization.


Published at DZone with permission of Andrey Prikaznov , DZone MVB .

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}