Skip to content

Instantly share code, notes, and snippets.

@MainakRepositor
Last active November 6, 2021 04:00
Show Gist options
  • Save MainakRepositor/87e3d2c8641e3269e4e97748504d5e06 to your computer and use it in GitHub Desktop.
Save MainakRepositor/87e3d2c8641e3269e4e97748504d5e06 to your computer and use it in GitHub Desktop.
Custom Scrollbar in CSS
body::-webkit-scrollbar {
width: 12px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
background: linear-gradient(rgb(10, 10, 10),rgb(7, 7, 3),rgb(5, 10, 4)); /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
background-color: rgb(225, 248, 143); /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
border: 3px solid rgb(71, 70, 66);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment