SOURCE

<ul>
  <li>
    hahahahahah
  </li>
  <li>
    hahahahhaha
  </li>
  <li>
    hahahahahha
  </li>
</ul>

ul {
  list-style:none;
}
ul::before{
  content:'';
  display:block;
  width:10px;
  height:100px;
  background-color:red;
  background:linear-gradient(to bottom,red 0,transparent 100%);
  float:left;
}
li:first-child,
li:last-child{
  /* padding:10px 0; */
  line-height:1;
}