Efeito paralax com css puro

Dec 29, 2016Tempo de leitura 2 min

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
Demo

Referência

  • Learn Advanced CSS Layout Techniques: @egghead

Suporte