html input range thumb smooth movement
问题 I have an HTML input range set up with a bunch of CSS changes to the appearance, and I was wondering if there was any way to make it smoothly change from wherever it is to where the user changes? input[type=range] { -webkit-appearance: none; width: 100%; height: 20px; border-radius: 5px; border: 1px solid; background: none; box-shadow: 0px 0px 8px 0px #555, 0px 0px 25px 0px #555 inset; transition: 0.4s all ease-out; outline: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance