Как сделать плавное перемещение ползунка HTML CSS?

Question

[Саман]

Имеется ползунок:

<input type="range" min="30" max="360" value="0" step="15">

При его перетаскивании, он прыгает и выглядит это не очень. Как можно реализовать его плавное движение на чистом CSS?
Бразузер: Firefox

Comments

[Ankhena]

Поменять step на 1, соответственно изменить шкалу и шаг обрабатывать самостоятельно.

[Ankhena]

Evgenii, хорошо, не менять шкалу, только шаг и округлять.