CSS

Scrollbar

CSS에서 ::-webkit-scrollbar를 이용하면 간단하게 스크롤바를 커스텀 할 수 있다.

::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #00dbde;
  background-image: linear-gradient(19deg, #00dbde 0%, #fc00ff 100%);
  border-radius: 100px;
}

다음과 같은 gradient 색상을 가진 스크롤바도 자유롭게 만들 수 있다.