Platinum Partner
css,html5,css3,tips and tricks

CSS3 Games Collection

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)

SURVIVOR

3. Sumon

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

One-Of-A-Kind

Plus, you can find tutorial about making this portfolio here

11. Anigma

Anigma

12. Ninja Jarimaru

Ninja Jarimaru


Conclusion

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

Published at DZone with permission of {{ articles[0].authors[0].realName }}, DZone MVB. (source)

Opinions expressed by DZone contributors are their own.

{{ tag }}, {{tag}},

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

{{ parent.tldr }}

{{ parent.urlSource.name }}
{{ parent.authors[0].realName || parent.author}}

{{ parent.authors[0].tagline || parent.tagline }}

{{ parent.views }} ViewsClicks
Tweet

{{parent.nComments}}