DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Create a custom scrollbar with CSS - Easy CSS Scrollbar Tutorial
Renaissance Engineer
Renaissance Engineer

Posted on

Create a custom scrollbar with CSS - Easy CSS Scrollbar Tutorial

In this video tutorial you will learn how to use CSS to create a custom scrollbar for your website or app.

I will be going over the basic CSS properties available and create the following scrollbar styles:

  • Dark Theme design
  • Minimalist
  • Patterned
  • "Animated" Scrollbar effect

link to github repo - https://github.com/renaissanceengineer/css-scrollbar-tutorial

Top comments (2)

Collapse
 
sloan profile image
Sloan

Hi there, we encourage authors to share their entire posts here on DEV, rather than mostly pointing to an external link. Doing so helps ensure that readers don’t have to jump around to too many different pages, and it helps focus the conversation right here in the comments section.

If you choose to do so, you also have the option to add a canonical URL directly to your post.

Collapse
 
hugekontrast profile image
Ashish Khare😎

This is cheating as well as offensive. I thought today I'll get to read a really descriptive article on scrollbars. Instead got link to your YT. It's great but I love reading more than watching.

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›