Advertisement ยท 728 ร— 90

Posts by

๐Ÿงต 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.

3 months ago 1 0 0 0
Video

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

3 months ago 1 0 1 0