Skip to content

lucianakyoko/CaptainMarvel-3D

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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