Create custom scrollbars using CSS
Having a custom scrollbar can help tie the branding of a site together on the page, as well as help it match an app as well, and it's really easy to do!
You can do more than I did here, including styling the up and down arrow buttons, the empty spaces on the top and bottom, and more! https://developer.mozilla.org/en-US/d...
🔗 Links
✅ The Code from this video: https://codepen.io/kevinpowell/pen/gO...
✅ More info on HSL: • Are you using the WRONG color model i...
✅ More info on logical properties: • Write better CSS using logical proper...
⌚ Timestamps
00:00 - Introduction
01:03 - The basics of custom scrollbars
03:18 - Hover effects on your scrollbar
03:58 - Changing the shape and making it look a bit nicer
06:01 - Targetting specific scrollbars
06:58 - Vertical scrollbars
08:23 - Browser support
12:07 - Things to avoid!
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
On this page of the site you can watch the video online Create custom scrollbars using CSS with a duration of hours minute second in good quality, which was uploaded by the user Kevin Powell 28 September 2021, share the link with friends and acquaintances, this video has already been watched 232,538 times on youtube and it was liked by 8.3 thousand viewers. Enjoy your viewing!
