Как реализовать анимацию webkit: backgroundmove - PullRequest
Новая
       28

Как реализовать анимацию webkit: backgroundmove

1 голос
/ 23 сентября 2011

Я видел определенный тип анимации webkit: backgroundmove.Он просто прокручивает ваш фон по всей странице и т. Д.

Я написал небольшую рекламу CSS для базовой анимации -webkit-backgroundmove, но она не работает!Я попробовал все на 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;
}

Iдаже не могу найти документацию в Интернете для "webkit backgroundmove", так что если кто-нибудь знает, где ее найти, это было бы большой помощью!Спасибо -

1 Ответ

1 голос
/ 23 сентября 2011

backgroundmove - это пользовательская анимация, она не существует, вам нужно определить ее самостоятельно. 

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

    to {
        background-position: right top;
    }
}

Посмотрите на https://developer.mozilla.org/en/css/css_animations

...