ampersand logo for my site

HTML/CSS Duck Hunt CodePen

Jun 17, 2014 • 0 min read

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:</p>

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.