Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save dlime/0b3793a1a5589f4e8de43fd3e63db964 to your computer and use it in GitHub Desktop.
Save dlime/0b3793a1a5589f4e8de43fd3e63db964 to your computer and use it in GitHub Desktop.
Neat and clean scrollbar with hover transition effect CSS
// Scrollbar with Hover Transition Effect
.container::-webkit-scrollbar {
width: 14px;
}
.container::-webkit-scrollbar-thumb {
background-clip: content-box;
border: 4px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 0 10px;
}
.container::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.container::-webkit-scrollbar-corner {
background-color: transparent;
}
.container {
overflow: auto;
color: #00000000;
transition: color 0.3s;
}
.container:hover {
color: #666666FF;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment