🧵 How does it work without JS?

The "Ducks" are actually HTML Checkboxes moving across the screen via animations. 🦆

When you click a duck, you are actually checking the box.

I use the CSS :checked pseudo-class to trigger the "Death" animation and hide the duck.

I rebuilt the original NES Duck Hunt using CSS only.

❌ No JavaScript. ❌ No Images.

Just thousands of divs and some sneaky checkbox hacks.

And yes... if you miss, the dog will laugh at you! 🐕

Play it here: codepen.io/hailedev/pen...

@codepen.io #CSS #CodePen #Frontend #NoJS