< Back to Frontend Friday Folks Index

Long heart

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 (352 characters)
1
<style>
2
&{background:
3
radial-gradient(1q at 100%0,#62306D 25px,#F7EC7D 0)-300px 200px no-repeat,
4
radial-gradient(1q at 37.5px 138px,#F7EC7D 37.5px,#3210 0),
5
radial-gradient(1q at 162px 262.5px,#F7EC7D 38px,#3210 0),
6
conic-gradient(#F7EC7D,#F7EC7D)-240px 225px/100% 80px no-repeat,
7
conic-gradient(#F7EC7D,#F7EC7D)0px 140px/75px 100% no-repeat,
8
#62306D
9
}
Multiple divs or gradients? For me, I kind of like keeping the elements to a minimum, but I'm unsure whether I'd do that in production code...
< Back to Frontend Friday Folks Index