< Back to Frontend Friday Folks Index

Sharingan

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 (429 characters)
1 
<style>
2 
  &{
3 
    background:
4 
      radial-gradient(1q,#0000 100px,#161616 0),
5 
      radial-gradient(1q,#0000 35px,#000000 0 50px, #0000 0) -78q  -45q,
6 
      radial-gradient(1q,#0000 35px,#000000 0 50px, #0000 0)  78q  -45q,
7 
      radial-gradient(1q,#0000 35px,#000000 0 50px, #0000 0)   0q  85px,
8 
      radial-gradient(1q,#000 25px,#E96A23 0 35px,#000 0 50px,#A22015 0 95px,#000 0 100px,#161616 0),
9 
      black
10 
    ;
11 
  }
12 
</style>

This is one of the puzzles that really scream "gradients", right? At least that's what I thought here and the final code seems to be like that.

< Back to Frontend Friday Folks Index