[해피CGI][cgimall] css를 이용한 스크롤바 디자인 - CSS Scroll Bars

css 만으로  스크롤바 디자인하기

 

 

 

#style-1::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
 width: 12px;
 background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;


}

해당 사이트에서 다양한 css를 확인할 수 있습니다.