Modern Fence

<div></div>
<div></div>
<div></div>
<style>
  body {
    background: #2f2e59;
    display: grid;
    place-content: center;
    place-items: center;
  }
  div {
    width: 20px;
    height: 280px;
    background: #eeecf6;
    rotate: 120deg;
    border-radius: 10px;
    position: absolute;
  }

  div:nth-child(1) {
    translate: 13px -58px;
    height: 245px;
  }
  div:nth-child(3) {
    translate: -14px 58px;
    height: 245px;
  }

  div:nth-child(1)::after {
    content: '';
    width: 20px;
    height: 150px;
    background: #eeecf6;
    position: absolute;
    translate: 0px -67.8px;
    border-radius: 10px;
    rotate: -120deg;
    box-shadow: -226px 0 #eeecf6;
  }
</style>