My goal is to create a CSS animation that changes the background-position of a div, similar to the following:
@keyframes wave{
from{
background-position: 80% center;
}
to{
background-position: 160% center;
}
}
While this animation is simple, I am curious about how to dynamically change the background-position in the y axis. I have heard of background-position-x and y, but wonder...
Do the background-position-x and y rules have solid support, or are they still experimental features?