title: How to make translucent scrollbar with css
body: <p>I wanna customize scrollbar like <a href="https://beta.reactjs.org" rel="nofollow noreferrer">this website</a> in Chrome. So far, I used <code>-webkit-scrollbar</code>, 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?</p>