< Back to Frontend Friday Folks Index

Duck Hunt

Visit the official puzzle page (affiliate link!) to play it yourself. If you buy a course from CSSBattle through my affiliate link, I receive a share of it!

Highlighted solution (292 characters)
1 
<style>&{--c:radial-gradient(1q,#69D10A 20px,#3210 0);background:var(--c)130px,var(--c)130px 20px,var(--c)-160px -50px,var(--c)-140px -50px,var(--c)-120px -50px,var(--c)-140px -70px,linear-gradient(#441A0A)50px 110px/20px 70px no-repeat,linear-gradient(#1E92FF 180px,#69D10A 0 220px,#6F6100 0

A very code straight forward solution just with gradients but code golfed into hard to read lines.

< Back to Frontend Friday Folks Index