Junte-se a outras 42 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.
Aprimore a experiência do usuário em seu projeto web com uma toast notification animada desenvolvida com Tailwind CSS. Neste mini projeto, vamos explorar como criar uma notificação flutuante elegante e interativa que chama a atenção do usuário de forma sutil e eficaz.
🔨 Requisitos
- Crie um botão "Mostrar notificação".
Para que a calda do seu pudim de leite condensado fique perfeita, mantenha sempre a proporção de metade da medida de água para uma medida de açúcar.
- Por exemplo, se você usar 1 xícara de chá de açúcar, a quantidade de água será apenas 1/2 xícara (chá).
- Se você fizer um pudim maior, pode usar 2 xícaras (chá) de açúcar para 1 xícara de água. - Seguindo essa dica, não tem como errar!
Além disso, é importante cozinhar o pudim em banho-maria para garantir uma textura suave e cremosa. Certifique-se de cobrir a forma com papel alumínio para evitar que a superfície do pudim resseque. Deixe esfriar completamente antes de desenformar para que mantenha sua forma perfeita.
Repositório
Recursos
Design do Figma