Простой автоматический слайдер на чистом CSS

Сам слайдер адаптивный. В основе используется простая анимация перехода. Для добавления новых картинок, необходимо регулировать анимацию и добавляит новые кадры.

@keyframes Slide {
  0%{
    top:0px;
  }
  17%{
    top:0px;
  }
  34%{
    top:-460px;
  }
  51%{
    top:-460px;
  }
  68%{
    top:-912px;
  }
  85%{
    top:-912px;
  }
  100%{
    top:-1370px;
  }
}

Способ установки

• Скачайте архив
• Запустите файл index.html