Slider changing animation value.

Question

Do somebody know how to make slider/range changing the animation value of the other object in the CSS? animation : 60s;

Answer 1

$('#slider').change (function(){
var speed=$(this).val ()+'s';
$('#animation').css ('animation','slide ' + speed + ' repeat infinite');
});

or

var speed = document.getElementById(''slider').value + 's';
var ani = document.getElementById('animation');
ani.style.animation='slide ' + speed + ' repeat infinite';

Answer 2

is this what you were searching for or did i just misunderstood your question
https://www.sololearn.com/learn/4223/?ref=app

Answer 3

|-------=----| I mean that type range

Answer 4

oh ok, thats something ive been searching for too, i just gave up, but i wish you good luck finding someon who can help you👍

Answer 5

Do you have an example app or can you provide a clearer explanation on what you are asking for.
Do you want a slider that moves through the steps of an animation or do you want a slider to change settings of an animation?

Answer 6

https://imgur.com/a/2m9xJcE
Range value should change animation value.