Hi, anyone knows how to change the animation-duration of a keyframe using js .

Question

I tried the code above but still doesn't work. .

Answer 1

https://bugs.chromium.org/p/chromium/issues/detail?id=399950 have found this

Answer 2

well, I could not find anything on mobile. just an idea, what about changing the animation class with a new animation duration?

Answer 3

Ok try style.webkitAnimationDuration on Chrome and Safari and style.mozAnimationDuration on Firefox

Answer 4

can you show me your CSS declaring animation duration please?

Answer 5

should be already fixed. i am looking for a code

Answer 6

glad to hear that my friend.

Answer 7

document.getElementById('box1').style.animationDuration="10s";

Answer 8

Do you use jQuery or not?

Answer 9

I am using js only

Answer 10

can you post your code (full)?

Answer 11

can we change the animation-duration while itis running?

Answer 12

function a(){

var elem = document.getElementById("box1");
elem.style.animationDuration = "200ms" ;
};

Answer 13

it is working to change animation color.

function b(){
var elem = document.getElementById ("box1");
elem.style.backgroundColor= "blue";
};

Answer 14

I already tried this way still doesn't work.

Answer 15

#box1{
position: absulte;
width: 50px;
height:50px;
background: yellow;
border: 1px solid black;
animation-duration: 5s;
-webkit-animation-name: demo1;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: 5;
-

Answer 16

tried it didn't work. thanks for trying.

Answer 17

of course with html and css

Answer 18

so it will not work!!

Answer 19

I did not get you.