https://github.com/lucianakyoko/parallax-effect

Efeito parallax com JavaScript
https://github.com/lucianakyoko/parallax-effect

Last synced: 2 months ago
JSON representation

Efeito parallax com JavaScript

• Host: GitHub
• URL: https://github.com/lucianakyoko/parallax-effect
• Owner: lucianakyoko
• License: mit
• Created: 2021-07-29T23:52:59.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-02-06T15:30:50.000Z (over 2 years ago)
• Last Synced: 2025-01-22T19:37:03.796Z (4 months ago)
• Language: SCSS
• Size: 19.8 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://efeito-parallax-com-js.netlify.app/)

 

 

 ![Preview da página](https://github.com/lucianakyoko/Parallax-Effect/blob/main/preview.gif)