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

Duas Tags novas no HTML: dialog e template.

Nesse projeto vamos usar duas tags interessantes e relativamente novas no HTML

Comentários

(0)