DEV Community

Cover image for CSS Only Room Escape Game
Takane Ichinose
Takane Ichinose

Posted on

6 1

CSS Only Room Escape Game

This is an escape game only made in CSS.

I created all of the assets, using MS paint to draw the image, and Paint.net to make the background color of the PNG files into transparent.

These functions are just made my many hidden checkboxes, and radio buttons.

Instructions are already written the game.

Please do not look on the source code, to find the clues to go outside.

Keep in mind that there are concealed object in the game. I haven't written it on the instructions, but basically, it has.

There are 5 stages to complete.

If you completed the game, please challenge your friends to do the puzzle too. It is recommended to play this game on either full-screen mode, or debug mode, to avoid accidentally looking on the source code.

Please enjoy this simple game!

Top comments (5)

Collapse
 
serviata profile image
serviata

what is the way in level 5 please

Collapse
 
takaneichinose profile image
Takane Ichinose

Hello! I'm glad you're enjoying the game. I can't give you the exact solution but I'll give you a hint. There are 2 concealed items there.

Collapse
 
serviata profile image
serviata

thx i know they have concealed items and i just check the code i see concealed floor at left x)

Thread Thread
 
takaneichinose profile image
Takane Ichinose

Yes, actually, there are lots of comment in HTML code, so you can find those clues easily lol

Collapse
 
takaneichinose profile image
Takane Ichinose

Thank you for playing! I'm glad you enjoyed the game. :)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️