Efeito paralax com css puro

Dimensionar os elementos com base nas dimensões da janela de visualização sem javascript. Utilizando as unidades de viewport vw e vh.

section {
  width: 100vw;
  height: 100vh;
}

• vw: largura da viewport
• vh: altura da viewport

Referência

• Learn Advanced CSS Layout Techniques: @egghead

Suporte

• Suporte aos browsers: Viewport units: vw, vh, vmin, vmax