如何仅更改 X 轴的 CSS 背景位置？

Question

我想用 css 为某些 div 的背景位置设置动画，如下所示：

@keyframes wave{
    from{
        background-position: 80% center;
    }
    to{
        background-position: 160% center;
    }
}

这是一个非常简单的动画，但是如果 y 轴上的背景位置发生动态变化会怎样？我知道 background-position-x 和 y 但是...

background-position-x 和 y 规则是否有真正的支持？或者他们今天只是幻影？

Answer 1

@keyframes wave{
    from{
        background-position-x: 80%;
    }to{
        background-position-x: 160%;
    }
}

How to change CSS background-position for the X axis only?