Problem with animation background in css

Question

body{
background-color: #fff;
animation-name: colorchange;
animation-duration:30s;
animation-iteration-count: infinite;
font-family: 'Fugaz One',cursive ;
}
What is wrong with this Code?
it should be infinite but after one Time animation stops.

Answer 1

Might be browser vendor prefixes issue

Does this works?

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

generated with:
https://autoprefixer.github.io

Answer 2

It is working for me....

Answer 3

Mind sharing the whole code?

Will make it easier to help

Answer 4

The rest is ok
https://code.sololearn.com/Wtm1P83PEtCS/?ref=app

Answer 5

in my browser doesn't