< 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