Efeito

Oi Renato, tudo certo?

Qual efeito você diz?

Ele ficar fixo você consegue dando um posicionamento fixo para o elemento (position: fixed).

O menu virar um burguer icon o desenvolvedor optou por usar com JavaScript, mais precisamente com Bootstrap. Mas é totalmente possível fazer apenas com CSS e media queries.

Espero ter ajudado,

Abcs!

olá Natan, muito obrigado pela rápida resposta!

não me expliquei direito em minha dúvida: o efeito desejado é ao rolar o scroll, a imagem e o menu ficam menores, como um zoom out

mto obrigado

abs!

Oi Renato,

Você diz a imagem do menu diminuindo? Forma mais rápida é com JS, adicionando uma classe que dá um max-height: 100% na imagem, ela vai ficar do tamanho do pai dela. Como nesse Jsbin que fiz aqui.

Se o efeito que você está falando é esse que parece que algumas imagens e o resto do site estão "descendo" em velocidades diferentes, isso é um parallax. Ele é ensinado no segundo curso de HTML aqui na Alura.

Se quiser existem alguns tutoriais na internet, como esse do Tableless.

Espero ter ajudado e bons estudos!

Abcs!

Muito obrigado Natan! abs!