Início
Início
Entrar
  1. Formação em Vibe Coding
  3. WeWeb - Design e Responsividade
  5. Animações com WeWeb
Fundamentos iniciais

CSS/Keyframes, o que é isso?

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer loginVoltar para o curso
AnteriorPróxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

Animações com WeWeb
Progresso do Módulo
0 de 20 aulas concluídas
Animações em aplicativos, quando usar?10 min
CSS/Keyframes, o que é isso?4 min
Como criar animações com base em states dos elementos10 min
Como usar a IA do WeWeb para gerar animações5 min
Explorando o editor no-code de keyframes12 min
Importando Keyframes no editor4 min
Como inserir um Skeleton Loader7 min
Como criar uma animação "pulse" para onboarding/destaque de elementos11 min
Como criar um toast de "envio bem-sucedido"9 min
Como fazer uma imagem aparecer no momento do scroll9 min
Como criar um "carrossel de marcas"10 min
Como fazer uma animação de texto dinâmico estilo Nubank/IFood8 min
Como fazer um contador numérico dinâmico10 min
Microinteração em botão de like5 min
Microinterações como botão mudar de "Salvar" para "[spinner] Salvando..", cabe aqui será?11 min
Copiando e colando animações entre elementos3 min
Tornando a animação reutilizável através de uma classe CSS5 min
Animações como componentes4 min
Onde buscar referências/códigos5 min
Avaliação do Módulo