CODEWITHSUNDEEP
cssreactjs
Pytan
Pytan

Reputation: 1684

How to make translucent scrollbar with css

I wanna customize scrollbar like this website in Chrome. So far, I used -webkit-scrollbar, but I cannot make the similar one. What I want is that when we dont use scrollbar, it is hidden. If we scroll page or hover the scrollbar, I wanna show the bar. the bar color is gray and background color is translucent.The color changes in light mode and dark mode. How can I make that kind of scrollbar with CSS in React?

Upvotes: 0

Views: 41

Answers (1)

Pytan
Pytan

Reputation: 1684

https://developer.mozilla.org/ja/docs/Web/CSS/color-scheme is helpful to make scrollbar adopt dark mode and light mode

Upvotes: 0

Related Questions