Создание css сетки изображений с эффектом параллакса - PullRequest
Новая
       17

Создание css сетки изображений с эффектом параллакса

0 голосов
/ 18 июня 2019

Базовое фоновое изображение полного параллакса в браузере можно получить относительно просто с помощью следующего: 

    <div class = "parallax">
<!--image here -->
    </div>

.parallex{
  background: url(*url*);
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

Я попытался поместить элементы сетки в элемент div .parallax и установить для них отдельные значения background-image:

 <div class = "parallax">
      <div id = "img1">
      </div>
      <div id = "img2">
      </div>
      <div id = "img3">
      </div>
      <!--etc-->
   </div>

.parallex{
background-size: cover;
background-attachment: fixed;
height: 100vh;
   }
#image1{
background-image: url(*url1*);
}
#image2{
background-image: url(*url2*);
}

но это не сработало.Есть предложения?

...