HTML/CSS Duck Hunt CodePen

This Codepen is the most amazing use of inputs in HTML and CSS that I have ever seen! If you can hit the hidden input checkbox on the duck, it falls! This is just like when I stood directly in front of the TV and held the bright orange gun up screen as ducks flew around. Check it out:

See the Pen Duck Hunt Css by Vaielab (@vaielab) on CodePen.

Just a note: it works a lot better (read: ducks are easier to hit) when it’s not embedded into a responsive layout like mine. Load up the [full CodePen](, instead.

Filed under: