Добавить горизонтальную полосу прокрутки к изображению с анимацией? - PullRequest
Новая
       9

Добавить горизонтальную полосу прокрутки к изображению с анимацией?

1 голос
/ 21 марта 2019

Как я могу добавить горизонтальную полосу прокрутки, которая будет доступна, когда пользователь изменяет размер окна браузера (мне нужно, чтобы это работало особенно на мобильных устройствах!), Пользователь может прокручивать по горизонтали, чтобы увидеть полное изображение, и он останавливает анимацию, когда ониhover, проведите по нему.

Я использую это для семейной фотографии на сайте моей семьи.Это возможно с помощью CSS или, если нет, Javascript?

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#animate-area {
  width: 200px;
  height: 200px;
  background-image: url(https://github.githubassets.com/images/modules/open_graph/github-mark.png);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 10s linear infinite alternate;
}
<div id="animate-area"></div>
...