Slider changing animation value. | SoloLearn: Learn to code for FREE!

+1

Slider changing animation value.

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

5/12/2018 9:30:20 AM

Road_to_ BigStar

6 Answers

New Answer

+2

$('#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';

0

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

0

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

0

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👍

0

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?

0

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