Я поместил три фоновых изображения в div. Я пытаюсь заставить все три из них переключаться на таймере, который постепенно исчезает и исчезает. Я действительно нашел подобные квесты здесь, но я не могу заставить их работать. Во всяком случае, вот соответствующий код:

HTML

<div id="slideshow">    
</div>

CSS

#slideshow{
position:relative;
top:0;
width:100%;
height:635px;
background:
    url("car4.jpg"),
    url("city.jpg"),
    url("host3.jpg");
background-repeat:no-repeat;
background-size:100%;
}

Я надеюсь сделать это вCSS, но я предполагаю, что это требуетJQUERY; у меня нет большого опыта. Но это нормально.

Буду очень признателен за любую помощь. Дайте мне знать, если я могу дать вам больше информации. Спасибо.

*** Я пробовал анимацию CSS, но я не получил результаты. Вот что я изменил на:

#slideshow{
   position:relative;
   top:0;
   width:100%;
   height:635px;
   background:url("car4.jpg");
   background-repeat:no-repeat;
   background-size:100%;
   animation-name: one;
   animation-duration: 4s;
}
@keyframes one {
from {background: url("car4.jpg");}
to {background: url("city.jpg");}
}

Это выглядит правильно, но это все еще только показывает оригинальное изображение "car4.jpg" Спасибо