O que você aprenderá_

Faça animações simples em itens de páginas web
Utilize a API IntersectionObserver do JavaScript para detectar quando elementos entram ou saem da página
Determine a porcentagem da visibilidade do elemento a ser detectada
Pratique diversos tipos de transições e animações no CSS
Domine os conceitos ao praticar em diferentes projetos e contextos

Público alvo_

Pessoas desenvolvedoras que possuem conhecimentos em HTML, CSS e JavaScript e querem aprender a fazer animações dinâmicas de rolagem em uma página web.

Antônio Evaldo

Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

Curso atualizado em 15/05/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Animações com IntersectionObserver
- Conhecendo o IntersectionObserver

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola