< Back to Frontend Friday Folks Index

Beeee

Highlighted solution (570 characters)
1 
<r>
2 
<div w></div>
3 
<div b></div>
4 
</r>
5 
<style>
6 
  body{display:grid;place-items:center;background:#998235}
7 
  div {
8 
    width:150;
9 
    height:75;
10 
    border-radius:40px
11 
  }
12 
  [w]{
13 
    background:
14 
      linear-gradient(#0000 50%,#fff 0),
15 
      radial-gradient(circle at 25% 50%,#fff 38px,#0000 0),
16 
      radial-gradient(circle at 75% 50%,#fff 38px,#0000 0)
17 
  }
18 
  [b]{
19 
    background:
20 
      linear-gradient(to right,#191919 25px,#0000 0 35px,#191919 0 60px,#0000 0 70px,#191919 0 95px,#0000 0),
21 
      radial-gradient(circle at 122px 28px,#191919 7.5px,#EFF33C 0)
22 
  }
23 
</style>
24
Gradients again! They are so beautiful...!
< Back to Frontend Friday Folks Index