Início

Tornando a animação reutilizável através de uma classe CSS | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
WeWeb - Design e Responsividade
Animações com WeWeb

Outros exemplos de animações

Tornando a animação reutilizável através de uma classe CSS

Acesso Restrito

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

Fazer login Voltar para o curso

Anterior Pró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