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