Skip to content

Latest commit

 

History

History
28 lines (21 loc) · 744 Bytes

README.md

File metadata and controls

28 lines (21 loc) · 744 Bytes

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