Articles Tagged
How I Made a Pure CSS Puzzle Game
I recently discovered the joy of creating CSS-only games. It’s always fascinating how HTML and CSS are capable of handling the logic of an entire online game, so I had to try it! Such games usually rely on the ol’ …
Whack-a-Mole: The CSS Edition
We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs …
Menu Reveal By Page Rotate Animation
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even …
Animated Matryoshka Dolls in CSS
Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another… but in CSS?
I toyed with this idea in my head for a little while. Then, I saw a …
Building Battleship in CSS
This is an experiment to see how far into an interactive experience I can get using only CSS. What better project to attempt than a game? Battleship seemed like a good challenge and a step up from the CSS games …
Creating a CSS Curtain Opening Effect
If you’re as old as me, you might remember watching Let’s Make a Deal on the old television airwaves. The show is apparently still on these days in a new format, but the original always stuck out to me because …