Блог

Главная - Вопросы по программированию - Как мне придать движению большого пальца слайдера плавное движение?

Как мне придать движению большого пальца слайдера плавное движение?

#html #css

#HTML #css

Вопрос:

У меня есть ползунок с 3 значениями, который перемещается с шагом 1. Я хочу, чтобы движение между каждым шагом было плавным.

Вот то, что, как я думал, сработает:

HTML

 <input type="range" min="1" max="3" value="1" class="slider">

CSS

 .slider {
  display: inherit;
}

.slider::-webkit-slider-thumb {
  transition: all ease-in-out 0.05s
}

.slider::-moz-range-thumb {
  transition: all ease-in-out 0.05s
}

https://jsfiddle.net/pcoledesign/5f1k4xLt/6/

Ответ №1:

Попробуйте это: <input type="range" min="1" max="3" step=".1" value="1" class="slider">

Комментарии:

1. Если он перемещается с шагом 0,1, я не думаю, что смогу добавить функцию для запуска в зависимости от значений диапазона от 1 до 3, верно?