How To Customize Scrollbar Using CSS| Beautiful Scrollbar

Показать описание

In this video you can find the way to customize scrollbar. Currently customization of scroll is supported in Google Chrome only. If you are using other browser then it is possible that you will not see any change on the scrollbar.
I have used the following CSS code for the scrollbar :
// Scrollbar section starts //
::-webkit-scrollbar {
width: 20px;
}

::-webkit-scrollbar-track {
border-radius: 12px;
border: 2px solid aqua;
background: linear-gradient(0deg, rgb(243, 103, 134) 0%, rgb(133, 231, 103) 100%);
;
}

::-webkit-scrollbar-thumb {
border-radius: 12px;
background: linear-gradient(0deg, rgb(60, 245, 4) 0%, rgb(240, 4, 55) 100%);
}
// Scrollbar section ends //

Thanks So Much...

Music Credit :
Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]
Music provided by NoCopyrightSounds.