I have a webpage with html and css, this webpage contains a background gradient which works with pure css and keyframe.
When i tried converting this page to amp. animation is not working, i tried many methods byt unable to get it working, how do i achieve this?
body {
font-size: 1em;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 7s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}<h1> Is it working?</h1>please help me convert this, Thanks