Skip to content

Instantly share code, notes, and snippets.

@burgil
Last active May 28, 2024 13:34
Show Gist options
  • Save burgil/710596c9685a0ac4db55d6d60581d927 to your computer and use it in GitHub Desktop.
Save burgil/710596c9685a0ac4db55d6d60581d927 to your computer and use it in GitHub Desktop.
A super nice scrollbar in CSS
::-webkit-scrollbar {
width: 0.3em;
height: 0.3em;
overflow-x: none;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
border-radius: 0.3em;
}
::-webkit-scrollbar-thumb {
background: #ffffff;
background: -webkit-linear-gradient(to bottom, #5785e3b3, #4e1ce69e);
background: linear-gradient(to bottom, #5785e3b3, #4e1ce69e);
border-radius: 0.3em;
}
@burgil
Copy link
Author

burgil commented Apr 13, 2024

Before:

image

After:

image

@zeneiltongpdev
Copy link

Top bro! 👏🏽🥳

@caio-andres
Copy link

Nice trick!

@daniel-dev7
Copy link

nice bro!

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