Efeito Parallax - CSS • Skriper

<body>
  <section></section>
  <section>
  </section>
   <section></section>
  <section>
  </section>
  <section></section>
  <section>
  </section>
   <section></section>
  <section>
  </section> 
</body>

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
section {
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  background-attachment: fixed ;
}

section: nth-of-type(1){
  background-image: url();
  Height: 600px;
}

section: nth-of-type(3){
  background-image: url();
  Height: 600px;
}

section: nth-of-type(5){
  background-image: url();
  Height: 600px;
}
    
section: nth-of-type(7){
  background-image: url();
  Height: 600px;
}

/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */

Files
Index ctrl + 1
Style ctrl + 2
Script ctrl + 3
README ctrl + 4
CDN
Add

HTML

PLEASE WAIT...