Как часто останавливать фоновое изображение в CSS? - PullRequest
Новая
       23

Как часто останавливать фоновое изображение в CSS?

1 голос
/ 05 июня 2019

Я создал слайдер с помощью плагина Wordpress, называемого Slider Revolution, теперь я настраиваю его с помощью CSS. Я создал небольшое открытое пространство в слайдере, где он будет отображать логотип технологий, которые я использую.кроме этого места, я накладываю темный цвет, но проблема в том, что фоновое изображение движется без остановки.Я пробовал задержку, но она не работает.

Проще говоря, мне нужен похожий слайдер: https://www.ripl.com

Я создал слайдер, но единственная проблема в том, что фоновое изображение не останавливается.

Вот мой текущий CSS для анимации (я не включил оверлей, потому что он создан в плагине) 

.slider_1{
        background:repeat-x;
        background-size:26%!important;
        width:5076px!important;
        animation: slide 20s linear infinite!important;
        }


@keyframes slide{
   0%{
       transform: translate3d(0, 0, 0);
     }
   100%{
       transform: translate3d(-1692px, 0, 0);
     }
 }

это текущий прогресс с моей стороны: https://siimteq -testing.cloudaccess.host / home_slider /

1 Ответ

1 голос
/ 05 июня 2019 
html {
  background-position: fixed
}

Это единственный способ сделать так, чтобы ваше положение фона не изменялось при прокрутке.

...