How to Style Scrollbars with CSS | CSS Scrollbar Tutorial | Make a Custom Scrollbar with CSS

preview_player
Показать описание
In this video I'll show you how to make a custom scrollbar for your website using CSS.

The main focus will be on styling for Chrome/webkit based browsers. You can also customize for Firefox but there is limited support in comparison to Chrome

0:00 Intro
1:00 Pros and Cons of custom scrollbar
1:30 Basic page layout
2:21 CSS properties for scrollbar
3:38 Dark Theme scrollbar
4:28 Minimalist design scrollbar
5:38 Scrollbar with Pattern
6:58 Animated Scrollbar effect
8:13 Post a link to your scrollbar ideas

Have you ever visited a website with a custom scrollbar and wondered how they did it? After watching this video you will understand just about everything there is to know about customizing and styling scrollbars using CSS.

In this tutorial you will:
Learn the native CSS properties available for styling a scrollbar in the browser
Create four unique scrollbars using CSS
Learn about some external libraries that give cross-browser support for custom scrollbars
Рекомендации по теме
Комментарии
Автор

I came to your channel via your blog "Microservices Architecture – Explained in Plain English" .
I believe this is the best article I have ever read till now (may be I understand plain English well 😅). Please share some of such articles more.

mazhar
Автор

thank you my friend, this is exactly was I was looking for, the animated effect, amazing!, greetings from Mexico.

yanferaraque
Автор

is it possible to contact you anywhere?

mdmtrader