Skip to content

Instantly share code, notes, and snippets.

@mihaiserban

mihaiserban/custom_scrollbar.css

Created April 1, 2019 10:58
Show Gist options
  • Save mihaiserban/b74904d43c4e812b38a6ac23dcd8b77f to your computer and use it in GitHub Desktop.
Save mihaiserban/b74904d43c4e812b38a6ac23dcd8b77f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mihaiserban created this gist Apr 1, 2019.
    20 changes: 20 additions & 0 deletions custom_scrollbar.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    /* total width */
    ::-webkit-scrollbar {
    width: 14px;
    }

    ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 14px 14px transparent;
    border: solid 4px transparent;
    }

    ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 14px 14px #bbbbbe;
    border: solid 4px transparent;
    border-radius: 14px;
    }

    /* set button(top and bottom of the scrollbar) */
    ::-webkit-scrollbar-button {
    display: none;
    }