custom scrollbar

by Amanda Williamson

HTML

<section><div></div></section>

CSS

body {
    overflow: hidden;
}
section {
    height: 400px;
    overflow: auto;
}
div {
    height: 800px;
    width: auto;
    background: -webkit-linear-gradient(lightblue, darkblue);
}

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

section::-webkit-scrollbar-track {
  border-radius: 50px;
  background-color: lightblue;
}

section::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: darkblue;
}