웹솔루션개발 22년 노하우! 해피CGI의 모든것

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

웹프로그램밍 자료실/기타 자료

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

해피CGI윤실장 2018. 12. 10. 09:19

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를 확인할 수 있습니다.

 

 

 

홈페이지바로가기 소스다운로드

Comments