<div class="scrollbox">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non feugiat mauris. Quisque eget quam vitae risus tempor scelerisque. Cras vehicula velit dui, in elementum massa cursus eget. Donec cursus, leo a venenatis dignissim, metus quam tempus nunc, et vestibulum est ante ac erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce facilisis tortor a lacinia pretium. Phasellus quis blandit nibh. Phasellus lacinia lacus sit amet tempus mattis. Integer sollicitudin lorem leo, vel interdum erat vehicula sit amet. Duis venenatis dui at imperdiet malesuada
</div>

.scrollbox {
  overflow: auto;
  width: 400px;
  max-height: 200px;
  
  --g:radial-gradient(55% 20px, #0009, #0000);  
  background: 
    linear-gradient(#fff 10px, #0000 40px calc(100% - 40px),#fff calc(100% - 10px)) local, 
    var(--g) top   /100% 200%,    
    var(--g) bottom/100% 200%;
}

body  {
  margin:0;
  height:100vh;
  display:grid;
  place-content:center;
  font-size:25px;
}