Efeitos de scroll para site

Cartões de vidro que se empilham na rolagem: cada um prende um degrau abaixo do anterior, e os de trás aparecem borrados através do vidro do da frente.

Seção presa na rolagem: a foto começa numa janela pequena, fria e escura, e abre até a tela inteira enquanto a câmera se afasta; o título partido é empurrado pra fora pelas bordas.

As letras do título chegam giradas e soltas e se encaixam conforme a página rola; ícones e logos fazem o mesmo, abertos em V ou girando num arco.

Um título com um leque de fotos embaixo; rolando, a tela trava e as fotos voam do leque pro seu lugar num mosaico de tela cheia.

Hero de fotos: elas saem de um monte, entram em fila e fecham um anel em volta do título; rolando, o anel se abre num arco largo que passa as fotos uma a uma pelo topo.

Cartão que funciona como janela: a foto atrás fica quase parada na tela enquanto o cartão passa por cima com a rolagem.

Seção presa em que o vídeo começa pequeno no meio, cresce com a rolagem até o tamanho inteiro e fica parado um trecho antes de a página seguir.

Cartão com foto e texto que chega deitado e se endireita com a rolagem, com as linhas do texto assentando uma de cada vez.

Seção presa na rolagem em que o vídeo começa numa cápsula pequena e se abre até ocupar a janela inteira, com o conteúdo deslizando até o lugar.

Os itens de um bloco entram um depois do outro saindo do desfoque, cada um quando chega na tela, e terminam nítidos no lugar certo.

Página contada em capítulos de tela cheia: cada um fica parado ao terminar e o seguinte entra por cima girado, endireitando com a rolagem.

Hero 2.5D: a foto separada em camadas com o título entre elas; ao rolar, o céu quase para e o morro com a pessoa corre na frente.

Seção travada com quatro quadros em grade: dois se escondem atrás dos vizinhos, os pares se juntam no centro e o da frente cresce até a tela cheia.

Seção travada: uma moldura cresce até a tela cheia e a parede de fotos, deitada em 3D, se endireita enquanto as colunas correm em sentidos opostos.

Três fileiras de cards deitados em perspectiva: ao rolar, o conjunto levanta até ficar de frente e as fileiras deslizam pros lados.

Seção travada em que um mosaico de fotos cresce com a rolagem, cada uma numa velocidade; a do centro vira tela cheia.

Retrato de óculos aviador na penumbra: no scroll, a câmera mergulha na lente e o vídeo vira tela cheia.

Imagem de topo fixa que encolhe na rolagem enquanto o conteúdo sobe por cima.

Seções que param na tela e se empilham na rolagem, com o texto subindo.

Profundidade de verdade em camadas: parallax só com CSS, sem JavaScript.

As palavras aparecem e saem do desfoque na rolagem, e o bloco se endireita.

Seção fixa onde o scroll vertical avança uma faixa de painéis na horizontal — sem libs.

Slider de tela cheia onde foto e texto entram em ritmos diferentes.

Túnel 3D de anéis em perspectiva atravessado pelo scroll — CSS puro, sem WebGL.

Topo fixo onde a cortina abre, as imagens entram e o título se parte ao meio.

Seções full-screen em baralho: a próxima entra por cima enquanto a anterior encolhe e escurece.

Conteúdo que entra por uma cortina que abre para cima, para baixo ou para os lados.

Uma maré de cor com borda irregular sobe e o parágrafo acende palavra por palavra.

Topo fixo onde uma janela cresce e você atravessa para o céu.

Elementos que entram em cena na rolagem, um depois do outro, marcados direto no HTML.