Junte-se a outras 41 pessoas que estão fazendo esse mini projeto.
Projeto Toast notification animado
Prepare-se para adicionar um toque especial às suas notificações! Neste mini projeto, você irá criar um Toast Notification animado usando Tailwind CSS.
- 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