JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

HTML

<textarea>123213213123

123
123
123
213
12
3
</textarea>

CSS

textarea  {
  width: 100px;
  height: 100px;
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    transition: opacity 5s linear;
    visibility: hidden;
    opacity: 0;
    border-radius: 100%;
    background-color: #0fc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    visibility: visible;
  opacity: 1;
}