Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
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’ …

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 …

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 …

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 …

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 …

Daniel Schulz on Aug 16, 2018
Direct link to the article Creating a CSS Curtain Opening Effect
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 …

Geoff Graham on Jun 1, 2016
Direct link to the article The “Checkbox Hack” (and things you can do with it)
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.
Chris Coyier on Dec 21, 2011 Updated on Jan 24, 2020
Direct link to the article Functional CSS Tabs Revisited
checkbox hack tabs

Functional CSS Tabs Revisited

Functional tabbed area with just CSS. The backstory, where we are now, and the awesome theoretical future.
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
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top