< Back to Frontend Friday Folks Index

Alien Eye

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 (247 characters)
1 
<style>
2 
  &{
3 
    background:
4 
      radial-gradient(1q,#998235 30px,#0000) 10px,
5 
      radial-gradient(1q,#FCBE5C 50px,#0000),
6 
      radial-gradient(1q,#0B2429 70px,#0000) 10px,
7 
      radial-gradient(1q,#FCBE5C 90px,#0000),
8 
      #998235
9 
    ;
10 
  }
11

Obviously, I can only think of radial gradients! Today we had Sara joining us, stacking divs over each other with position: absolute. You can find her solution (and others) in our discussion thread.

< Back to Frontend Friday Folks Index