/CSS/Hide scroll bar and show when hover with small size

Hide scroll bar and show when hover with small size

/*Auto hide scrollbar for PC only*/
@media (min-width:576px) {
    /* Hide scrollbar for Chrome, Safari and Opera */
    .hide-scrollbars::-webkit-scrollbar {
        /*display: none; to completely hide the scrollbar*/ 
        -webkit-appearance: none;        
        width: 4px; /*scrollbar width for vertical one*/
        height: 4px; /*scrollbar width for horizontal one*/
    }

    .hide-scrollbars::-webkit-scrollbar-thumb {        
        visibility: hidden;
        border-radius: 2px;
        background-color: rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .1);
    }

    .hide-scrollbars::-webkit-scrollbar-thumb:hover {        
        visibility: visible;        
    }

    /* Hide scrollbar for IE, Edge and Firefox */  
    .hide-scrollbars{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
}

Similar codes

0 vote184 views1 answer
Delete files with help of .getignore
CSS
42 votes199 views5 answers
Split text javascript
CSS
10 votes193 views3 answers
Css on click
CSS
23 votes185 views4 answers
Css gradient border
CSS
1 vote312 views1 answer
Css light grey
CSS
0 vote190 views1 answer
Split group of flex item
CSS
0 vote140 views1 answer
Changer angle div
CSS
0 vote254 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote184 views1 answer
Div style how to wrap around
CSS
6 votes173 views2 answers
Border-collapse
CSS