https://github.com/lucianakyoko/captainmarvel-3d

Animação e Paralaxe
https://github.com/lucianakyoko/captainmarvel-3d

Last synced: 2 months ago
JSON representation

Animação e Paralaxe

• Host: GitHub
• URL: https://github.com/lucianakyoko/captainmarvel-3d
• Owner: lucianakyoko
• License: mit
• Created: 2021-08-31T19:00:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-06T16:03:34.000Z (over 2 years ago)
• Last Synced: 2025-01-22T19:37:03.970Z (4 months ago)
• Language: SCSS
• Homepage: https://captainmarvel-parallax.netlify.app
• Size: 19.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Captain Marvel: Animação e Paralaxe

Animação e Paralaxe. São três conceitos simples que oferecem uma página mais imersiva ao visitante.

____

## Metodologias/ Estratégias:

 - Mobile first

 - BEM (Block Element Modifier)

 - Minificação de arquivos HTML, CSS e JS

 - Compressão de imagens

## Ferramentas:

 - Sass (Syntactically Awesome Style Sheets)

 - Figma para o desenvolvimento do design

 - Netlify para deploy.

## CSS:

 - keyframes para animações

 - Grid e flexbox para posicionar elementos

 - background-blend-mode

 - media queries responsividade

## JavaScript:

 - uso da biblioteca scrollTrigger

## Preview da página

![Preview da página](https://github.com/lucianakyoko/CaptainMarvel-3D/blob/main/captainmarvel.gif)