如何仅更改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

使用background-position-x：

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