Animation not working in HTML

Question

I learned this code from w3school but its not working...can anybody pls help me rectify this code
https://code.sololearn.com/WKs3z7wsuITz/?ref=app

Answer 1

Sololearn web code runs at mobile browser
Do you know your browser version?

Answer 2

this code works... maybe not as you like, but it works: the color changes from red to blue, and at the end becomes red

Answer 3

Gordon is right, try to increase the duration of the animation, maybe you have a long time loading the webpage and after downloading the animation is already finished

Answer 4

Gordon Игорь Яковенко thanks for the help......i just played this code on my browser amd it worked fine.....i guess it doesnt work in the sololearn app(downloaded from playstore)

Answer 5

Gordon Игорь Яковенко thanks for the help......i just played this code on my browser amd it worked fine.....i guess it doesnt work in the sololearn app(downloaded from playstore)

Answer 6

It works in Sololearn app of our phone too. Also android.
You can try to add a forwards to the animation. If it freezes at end color, means actually has effected.

Answer 7

its not working for me.....i dont see any color change in sololearn app....

Answer 8

Put prefix before no prefix
https://code.sololearn.com/WX5gCSS5krCa/?ref=app

Answer 9

its still not working for me.....is something wrong with my phone??? or with the app??Gordon

Answer 10

Also, maybe change 2s to 10s and see?

Answer 11

Yes Nropb i suspect that may be one of the reason too. Another way is to use "forwards" to freeze the animation at end state