Neat and clean scrollbar with hover transition effect CSS
// Scrollbar with Hover Transition Effect | |
.container::-webkit-scrollbar { | |
width: 14px; | |
} | |
.container::-webkit-scrollbar-thumb { | |
background-clip: content-box; | |
border: 4px solid transparent; | |
border-radius: 7px; | |
box-shadow: inset 0 0 0 10px; | |
} | |
.container::-webkit-scrollbar-button { | |
width: 0; | |
height: 0; | |
display: none; | |
} | |
.container::-webkit-scrollbar-corner { | |
background-color: transparent; | |
} | |
.container { | |
overflow: auto; | |
color: #00000000; | |
transition: color 0.3s; | |
&:hover { | |
color: #666666FF; | |
} | |
} |
This comment has been minimized.
This comment has been minimized.
amazing *-* |
This comment has been minimized.
This comment has been minimized.
Thank you very much! For those without Sass:
|
This comment has been minimized.
This comment has been minimized.
Awesome |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
This is awesome :) thanks!