WT_
  • Home

  • Relatórios

InícioSobre MimGraduaçãoParticipaçõesCertificaçõesProjetosTech StackContato
NPI - Núcleo de Práticas de InformáticaPensamento ComputacionalLondriTech - Londrinense Tech

WT_

Desenvolvedor Fullstack

Estudante de Ciência da Computação

Participante do NPI

Monitor do Pensamento Computacional

Home

Início

Sobre Mim

Graduação

Participações

Projetos

Certificações

Tech Stack

Contato

NPI

Pensamento Computacional

LondriTech - Londrinense Tech

Email:

witortena@gmail.com

Celular:

+55 43 9 8413-8592

Linkedin:

linkedin.com/in/witortena

Github:

github.com/witordev

© Witor Tenã 2026

/Reports
/Pensamento Computacional
/16_26 08 2025
20250826_145452.jpg
1 / 4

Utilizando @keyframes e transições

Professor(a): Marianni e Kawan

Hoje os alunos puderam ver como as animações são usadas no CSS para deixar um site mais interativo e animado, começamos com uma introdução sobre como podemos utilizar transições como “:hover” e logo passamos a entender como as “@keyframes” funcionam. Após essa introdução teórica e demonstrativa onde o professor Kawan mostrou aos alunos como utilizamos essas funcionalidades, pudemos passar para as atividades, onde os alunos colocariam na prática aquilo que aprenderam. Desde fazer animações a fim de deixar itens com a aparência de pulsar, até fazer um ícone de carregamento puramente com HTML e CSS. Os alunos pareciam se divertir ao ver o resultado visual daquilo que colocaram em seus arquivos CSS e HTML, pude auxiliá-los com suas diferentes dúvidas, alguns alunos tiveram dificuldades em centralizar elementos na tela. No caso, tive apenas que mostrar uma solução simples, utilizando o estilo “text-align: center” para ajudá-los. Os alunos dos quais ajudei parecem estar indo bem, tendo apenas dificuldade em lembrar de todos os estilos que vimos até agora, o que é natural já que vimos bastante conteúdo, mas conseguem tornar suas ideias em realidade rapidamente com uma ajudinha dos monitores. A maioria dos alunos fizeram até a quarta atividade, sendo que eram seis, com a finalização da aula alguns alunos já entregaram suas atividades e tivemos o fim da aula.