Hey there, I am trying to use the following CSS as the background for my app. Unfortunately, the animation does not seem to play - the gradient is simply shown in static form on the background. Anyone know what im doing wrong or what i should change? Thank you so much!!
.css-selector {
background: linear-gradient(319deg, #a6d7ca, #186c56, #d0556f);
background-size: 600% 600%;
-webkit-animation: AnimationName 14s ease infinite;
-moz-animation: AnimationName 14s ease infinite;
animation: AnimationName 14s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:4% 0%}
50%{background-position:97% 100%}
100%{background-position:4% 0%}
}
@-moz-keyframes AnimationName {
0%{background-position:4% 0%}
50%{background-position:97% 100%}
100%{background-position:4% 0%}
}
@keyframes AnimationName {
0%{background-position:4% 0%}
50%{background-position:97% 100%}
100%{background-position:4% 0%}
}