A web doubt...game...

Question

I have code below related game in which I want if someone stop the yellow div left to the white it come to right wrt white strip.

I have applied if left <0 stop the animation and left =100(right to white strip)

Now it stop the animation but the div is not shifting to right..
Enlight my mistake or any idea...

https://code.sololearn.com/WCGIHG79ZmOP/?ref=app

Answer 1

is this code doing what you're expecting (your description is quite unclear)?

https://code.sololearn.com/W39qSXsk5R8F/?ref=app

I just have added:

obj.style.animation = "none";

... else paused css animation seems to prevent changing animated (yet frozen) attribute ^^

Answer 2

no, these are not all the same...

animation = "" will only delete the inlined (style attribute of element) css property, but external css will be applied...

animation = "none" overide external css, as has higher precedence of any rules (except those marked with !important)

animationPlaystate = "paused" will only freeze the animation to its actual state...

Answer 3

Ok 👌 it's resolved now! You get it.

A more query @visph What is difference if we put

animation = " " Or
animation = "none" Or
animationPlaySate = "paused"

Isn't all are same ?
mean remove the animation from element.