Skip to content

Latest commit

 

History

History
28 lines (20 loc) · 893 Bytes

README.md

File metadata and controls

28 lines (20 loc) · 893 Bytes

Parallax Effect

Efeito parallax com JavaScript


Este efeito é causado pela ilusão de ótica e dá a sensação de profundidade à página, oferecendo, ao visitante, uma experiência mais imersiva.

Ferramentas e metodologias:

  • Figma para o desenvolvimento do design.
  • Metodologia BEM para organizar as classes.
  • Media queries para responsividade.
  • SASS como processador do CSS.
  • Netlify para deploy.
  • Photopea para tratamento das imagens.

Animações:

  • usei o keyframes para animar o planeta e as estrelas do background.

CSS:

  • flexbox para alinhar os elementos na tela.
  • position absolute/fixed/relative para posicionar alguns elementos.

JavaScript:

  • Manipulação da DOM.

Link da página:aqui

Preview da página