Question

我见过某种webkit动画类型：backgroundmove。它基本上只是在页面上滚动你的背景等等。

我为一个基本的-webkit-backgroundmove动画编写了一些css blurb，但它不起作用！我已经尝试了IE9 / FF4 / Chrome上的所有内容（最新版）。问题：是否存在干扰动画的事情，使其无法启动？背景显示，但不会线性滚动，所以我猜测有干扰或-webkit-animation

的问题

我的css非常基础：

div#wrapper.cloud-animation {
    background-image: url(../images/clouds.png);
    background-size: 120%;
    background-repeat: repeat-x;
    background-position: -10px 150px;
    -webkit-animation: backgroundmove infinite 50s linear;
}

我甚至无法在网上找到“webkit backgroundmove”的文档，所以如果有人知道在哪里找到它，那将是一个很大的帮助！谢谢 -

Answer 1

backgroundmove是一个自定义动画，它不存在，你需要自己定义它。

@-webkit-keyframes backgroundmove {
    from {
        background-position: left top;
    }

    to {
        background-position: right top;
    }
}

查看https://developer.mozilla.org/en/css/css_animations

如何实现webkit动画：backgroundmove

1 个答案: