My goal is to create a CSS background animation using the Body tag. Below is the code I am currently using:
body
{
animation-name:mymove;
animation-duration:5s;
animation-direction:alternate;
animation-iteration-count:infinite;
-webkit-animation-name:mymove;
-webkit-animation-duration:5s;
-webkit-animation-direction:alternate;
-webkit-animation-iteration-count:infinite;
}
@keyframes mymove
{
from {background-image:url('Space.png');}
to {background:blue;}
}
@-webkit-keyframes mymove
{
from {background-image:url('Space.png');}
to {background:blue;}
}
However, when I apply this code, the background only transitions from white to blue without displaying the image. The correct image directory is provided and works if set as a static background image. Is there any particular reason why the image isn't showing up in the animation?