Анимация css не работает

Question

Мне нужно перемещать изображение в динамическом режиме. Но это не работает. Вот мой код css и html.

.demo-section{ 
 
    background: url('http://xxxxx/images/homepages/faces.png') repeat scroll 0 0 transparent; 
 
    -webkit-animation: sliding 60s linear infinite; 
 
    -moz-animation: sliding 60s linear infinite; 
 
    -ms-animation: sliding 60s linear infinite; 
 
    -o-animation: sliding 60s linear infinite; 
 
    animation: sliding 60s linear infinite; 
 
    padding: 55px 0 45px; 
 
}

<div class="demo-section"> 
 
    <h1>Demo Content</h1> 
 
</div>

Answer 1

Надеется, что это позволит решить проблему у г, Попробуйте это:

.demo-section{ 
    background: url('http://xxxxx/images/homepages/faces.png') no-repeat scroll 0 0 transparent; 
    -webkit-transition: left 3s; /* For Safari 3.1 to 6.0 */ 
    transition: left 3s; 
    left:10px; 
    position:relative; 
    padding: 55px 0 45px; 
} 

div:hover { 
    left: 100px; 
} 

Спасибо.