DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Newsletter
Log In / Join
Refcards Trend Reports
Events Video Library
Refcards
Trend Reports

Events

View Events Video Library

Related

  • Programmatic Brand Extraction: Pulling Logos, Colors, and Assets from Any URL
  • The Death of the CSS Selector: Architecting Resilient, AI-Powered Web Scrapers
  • A Guide to Parallax and Scroll-Based Animations
  • Building a Card Layout Using CSS Subgrid

Trending

  • Agentic Test Creation: From Plain-Language Requirements to End-to-End Test Cases
  • Giving AI Agents Safe Access to Legacy Systems: Introducing legacy2mcp
  • Git Branching Strategies for Maintainable Test Automation
  • PWA on iOS, Part 2: HTTPS, Manifest and Service Worker

Draft This article hasn't been published, so readers can't see it.

In moderation This article is waiting for review, so readers can't see it yet.

Deleted This article has been deleted, so readers can't see it.

  1. DZone
  2. Coding
  3. Languages
  4. CSS3 Games Collection

CSS3 Games Collection

By 
Andrei Prikaznov
·
Sep. 29, 12 · Interview
Post on X (opens in a new tab) Share on LinkedIn (opens in a new tab)
66.0K Views

Join the DZone community Save articles, join the discussion, and download Refcards and Trend Reports with a free account.

Join for free Already a member? Log in

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!

CSS

Published at DZone with permission of Andrei Prikaznov. See the original article here.

Opinions expressed by DZone contributors are their own.

Related

  • Programmatic Brand Extraction: Pulling Logos, Colors, and Assets from Any URL
  • The Death of the CSS Selector: Architecting Resilient, AI-Powered Web Scrapers
  • A Guide to Parallax and Scroll-Based Animations
  • Building a Card Layout Using CSS Subgrid

Partner Resources

×

Comments

Loading comments

The comments didn't load

Please try again in a moment.

Likes

Loading

The next likes didn't load. Please try again.

The likes didn't load

Please try again in a moment.

See who liked this

Log in or join DZone for free to see who liked this article.

Log in Join for free
  • RSS
  • X
  • Facebook

ABOUT US

  • About DZone
  • Support and feedback
  • Community research

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Core Program
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 3343 Perimeter Hill Drive
  • Suite 215
  • Nashville, TN 37211
  • [email protected]

Let's be friends:

  • RSS
  • X
  • Facebook