Mini Projetos

Resolução do Mini Projeto

Toast notification animado

Introdução ao Projeto

Duas Tags novas no HTML: dialog e template.

Estruturando o botão no HTML

Estruturando e estilizando a notificação no HTML

Adicionando o avatar na notificação

Limitando o tamanho da mensagem

Evitando o layout shift da imagem

Implementando a tag html template

Fazendo o botão de close funcionar

Removendo a notificação após 5 segundos

Animações - Adicionando transição de saída

Animações - Animando a entrada

Introdução ao Projeto

Duas Tags novas no HTML: dialog e template.

Estruturando o botão no HTML

Estruturando e estilizando a notificação no HTML

Adicionando o avatar na notificação

Limitando o tamanho da mensagem

Evitando o layout shift da imagem

Implementando a tag html template

Fazendo o botão de close funcionar

Removendo a notificação após 5 segundos

Animações - Adicionando transição de saída

Animações - Animando a entrada

Estruturando o botão no HTML

Fazendo a estrutura HTML do botão

Comentários

(0)