728x90
반응형
CSS 스크롤 바(Scrollbar) 스타일 커스텀
각 아래에 대한 CSS 코드를 추가해 주면 커스텀을 할 수 있습니다.
영역::코드로 적용 대상을 제한하여 사용할 수 있습니다.
- ::-webkit-scrollbar : 스크롤바 전체 영역에 대한 설정
- ::-webkit-scrollbar-thumb : 스크롤바 막대에 대한 설정
- ::-webkit-scrollbar-track : 스크롤바 뒷 배경에 대한 설정
스크롤바 스타일 적용
See the Pen 스크롤바 커스텀(Scrollbar Custom) by 권소현 (@uilserhu-the-looper) on CodePen.
728x90
반응형
'📌 Front End > └ CSS3' 카테고리의 다른 글
| [CSS] 뷰포트(viewport), 뷰포트 단위(vw, vh, vmin, vmax) (0) | 2024.05.23 |
|---|---|
| [CSS] CSS 변수(--variable) 사용법 (0) | 2024.05.22 |
| [CSS] CSS 애니메이션 - transform, transition, animation (0) | 2024.05.22 |
| [CSS] CSS 속성 선택자(Selector) 종류 (0) | 2024.05.22 |
| [CSS] CSS 미디어쿼리(Media Query) 기본 사용법 (0) | 2024.05.20 |
