<style>
.slider-for {
	cursor: grab;
}

.slider-for:active {
	cursor: grabbing;
}
</style>
<button class="slider-for">Слайдер</button>

Как бы вы перетащили вещь в реальном мире? Сначала ваша рука в расслабленном состоянии (cursor: grab), ничего не хватает. Затем вы сжимаете в ладони предмет (cursor: grabbing), теперь вы можете его переместить на другое место. Затем вы разжимаете ладонь и отпускаете предмет. Рука возвращается в исходное положение. (cursor: grab) Но она готова сжимать и разжимать! Она всегда сжимает какой-то предмет, и находится в расслабленном состоянии, когда ничего не держит. Именно так работает код, который я привёл. Он реален. Там нет яростно сжимающей пустоту руки, и нет руки, перемещающей предмет магическим способом!

Здесь в слайдерах есть подобная реализация на чистом css:hover & :active


Наведение на слайдер: курсор 1
Наведение на блок: курсор 2 (стандартный ховер)
Нажатие на слайдер: курсор 3 (захват) Действует так же при зажиме блока, но курсор не меняется. Откройте консоль, гляньте стили.