Set the SCROLLBAR width
Here is Code
::-webkit-scrollbar {
width: 20px;
-webkit-transition: all 300ms;
transition: all 300ms;
}
Set the SCROLLBAR track
Here is Code
::-webkit-scrollbar-track {
background-color: #EDF2F4;
}
Set the SCROLLBAR thumb
Here is Code
::-webkit-scrollbar-thumb {
border-radius: 7px;
background: #2B2D42;
border-left: 3px solid #EDF2F4;
border-right: 3px solid #EDF2F4;
}
Now i am sure you can Create Successfully Am I Right ?
Thanks for watching guys also apply a custom scrollbar to your Website I hope you understand everything steps.
Also visit our website mycodemagic
Top comments (2)
Pretty cool. This works on Google Chrome but in Firefox use the scrollbar-width & scrollbar-color properties :)
Sure 🙂