Блог

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

Я использую это для семейной фотографии на веб-сайте моей семьи. Возможно ли это с помощью 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>