0

Animation not working in HTML

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

2nd Jan 2019, 5:38 AM
[ ]
[     ] - avatar
11 Answers
+ 2
Sololearn web code runs at mobile browser Do you know your browser version?
2nd Jan 2019, 11:06 AM
Gordon
Gordon - avatar
+ 1
this code works... maybe not as you like, but it works: the color changes from red to blue, and at the end becomes red
2nd Jan 2019, 5:55 AM
Игорь Яковенко
Игорь Яковенко - avatar
+ 1
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
2nd Jan 2019, 11:18 AM
Игорь Яковенко
Игорь Яковенко - avatar
+ 1
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)
3rd Jan 2019, 4:49 AM
[ ]
[     ] - avatar
+ 1
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)
3rd Jan 2019, 4:49 AM
[ ]
[     ] - avatar
+ 1
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.
3rd Jan 2019, 5:01 AM
Gordon
Gordon - avatar
0
its not working for me.....i dont see any color change in sololearn app....
2nd Jan 2019, 7:08 AM
[ ]
[     ] - avatar
2nd Jan 2019, 7:27 AM
Gordon
Gordon - avatar
0
its still not working for me.....is something wrong with my phone??? or with the app??Gordon
2nd Jan 2019, 8:06 AM
[ ]
[     ] - avatar
0
Also, maybe change 2s to 10s and see?
2nd Jan 2019, 11:10 AM
Gordon
Gordon - avatar
0
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
2nd Jan 2019, 2:17 PM
Gordon
Gordon - avatar