SOURCE

<ul>     
  <li>Ada Catlace</li>     
  <li>Alan Purring</li>     
  <li>Schrödingcat</li>    
  <li>Tim Purrners-Lee</li>                <li>WebKitty</li>    
  <li>Json</li>    
  <li>Void</li>    
  <li>Neko</li>    
  <li>NaN</li>   
  <li>Cat5</li>   
  <li>Vector</li> </ul>

ul{
  overflow: auto; width: 10em;
    background:white;
  height: 8em; padding: .3em .5em;
  border: 1px solid silver;
  background: linear-gradient(white 30%, transparent),             
  radial-gradient(at 50% 0, rgba(0,0,0,1),                             
  transparent 70%); 
  background-repeat: no-repeat;
background-size: 100% 50px, 100% 15px; 
  background-attachment: local, scroll;}