Skip to content

Instantly share code, notes, and snippets.

@kirasiris
Created October 19, 2017 05:05
Show Gist options
  • Save kirasiris/66580c8ec411a206a67719751c257082 to your computer and use it in GitHub Desktop.
Save kirasiris/66580c8ec411a206a67719751c257082 to your computer and use it in GitHub Desktop.
Customize your website scrollbar.
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: #267ab7;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #267ab7;
}
@Razac6
Copy link

Razac6 commented Dec 5, 2017

Hi, it's a possible add padding to thumb/track?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment