Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Transparent scrollbar

How to make scrollbar transparent? Only css. Only for webkit browsers. My code here.

   div{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
}  
like image 454
Татьяна Ферулёва Avatar asked Oct 21 '22 22:10

Татьяна Ферулёва


1 Answers

div
{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
   background-color: rgba(255,255,255,1);

}  
like image 129
Jignesh.Raj Avatar answered Oct 24 '22 00:10

Jignesh.Raj