Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
checkbox hack

8 Articles
{
,

}
Direct link to the article How I Made a Pure CSS Puzzle Game
checkbox hack game grid mask radial-gradient

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’ …

Avatar of Temani Afif
Temani Afif on Sep 9, 2022
Direct link to the article Whack-a-Mole: The CSS Edition
checkbox hack game

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 …

Avatar of Will Yu
Will Yu on Jan 6, 2021
Direct link to the article Menu Reveal By Page Rotate Animation
checkbox hack menu navigation

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 …

Avatar of Preethi
Preethi on Sep 8, 2020
Direct link to the article Animated Matryoshka Dolls in CSS
checkbox hack css animation keyframes

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 …

Avatar of Jhey Tompkins
Jhey Tompkins on Feb 27, 2020
Direct link to the article Building Battleship in CSS
checkbox hack game

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 …

Avatar of Daniel Schulz
Daniel Schulz on Aug 16, 2018
animation checkbox hack curtain sliding

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 …

Avatar of Geoff Graham
Geoff Graham on Jun 1, 2016
checkbox hack checkboxes

The “Checkbox Hack” (and things you can do with it)

Using a hidden checkbox, you can re-create a lot of functionality on website that rely on clicks and toggled states. Fair warning, it's not always super semantic or a good idea, but it's awful fun to play with.
Avatar of Chris Coyier
Chris Coyier on Dec 21, 2011 (Updated on Jan 24, 2020)
checkbox hack tabs

Functional CSS Tabs Revisited

Functional tabbed area with just CSS. The backstory, where we are now, and the awesome theoretical future.
Avatar of Chris Coyier
Chris Coyier on Aug 23, 2011 (Updated on Jan 16, 2020)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top