Добавление в плавный переход в фоновый режим влево/влево

Question

Я пытаюсь инициировать переход фонового изображения с несколькими фотографиями (я надеюсь, что продолжительность длится около 15 секунд). Вот что я до сих пор в CSS:

body { 
    background-image: url('http://i.cubeupload.com/5sAFEq.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Спасибо заранее!

Answer 1

что-то вроде этого может быть?

/* Standard syntax */ 
 
@keyframes images { 
 
    0% {background-image: url("http://www.vetprofessionals.com/catprofessional/images/home-cat.jpg");} 
 
     50% {background-image: url("http://a.dilcdn.com/bl/wp-content/uploads/sites/8/2012/09/02-11.jpg");} 
 
    
 
    100% {background-image: url("https://www.petfinder.com/wp-content/uploads/2012/11/99059361-choose-cat-litter-632x475.jpg"); } 
 
} 
 

 
#test { 
 
\t width: 500px; 
 
\t height: 500px; 
 
\t animation-name: images; 
 
\t animation-duration: 5s; 
 
    animation-direction: normal; 
 
\t animation-fill-mode: forwards; 
 
    background-repeat: no-repeat; 
 
background-size: 500px 500px; height: 500px; width: 500px; 
 
}

<div id='test'> 
 
    </div>