Create a custom scrollbar with modern CSS, apply to specific element only

Опубликовано: 02 Ноябрь 2024
на канале: Kode
2,734
25

Make a modern gradient scrollbar in some simple steps. Apply to specific part only also.

In this video, I'll take you to the journey to create custom scrollbar step wise step. We are going to create two types of scrollbars:
1. Whole website scrollbar (main scrollbar)
2. Specific element/section scrollbar

Codepen: https://codepen.io/tholman/full/tldwm
MDN: https://developer.mozilla.org/en-US/d...
CSS tricks: https://css-tricks.com/custom-scrollb...

Timestamp:
00:00 - Demo & intro
01:48 - Whole website scrollbar
10:31 - Specific element scrollbar
15:41 - More properties

Worth checking:-
Best text editors 2021:    • Best text editors 2021 for web develo...  

Host react app on 000webhost:    • Host react website on 000webhost.com ...  

Hosting websites for free(playlist):    • Free Web Hosting  

Find on other sites:
Github: https://www.github.com/aashishpanthi
Medium: https://hasdhode.dev/aashishpanthi

Queries related:
How to make a custom scrollbar
Custom scrollbar full video
Descriptive video of custom scrollbar

#programming