Создайте карусель только с HTML и CSS

Question

Я хотел бы создать отзывчивую карусель на основе чистых CSS и HTML. Я пытаюсь смоделировать его в соответствии с этим шаблоном , но не хочу, чтобы он использовал какие-либо Javascript или JQuery.

Вот что у меня есть на данный момент:

CodePen

Я хотел бы, чтобы карусель вращала слайды при нажатии на кнопки «Назад» и «Далее», а также автоматически поворачивала слайды каждые 5 секунд.

<a class="carousel-control-prev" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon bx bx-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>

  <a class="carousel-control-next" role="button" data-slide="next">
    <span class="carousel-control-next-icon bx bx-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

Answer 1

Если вы хотите использовать HTML и CSS для карусели, вам, по крайней мере, понадобится javascript для кнопки. Но если вы настаиваете, вы можете попробовать Boostrap Carousel . Его довольно легко использовать, и вам не нужны javascript.