Esse projeto é basicamente o resultado de: 👉 curiosidade + vontade de aprender + um pouquinho de sofrimento 😅
A ideia foi criar um coração animado usando várias frases "eu amo você", só pra testar conceitos básicos de front-end na prática.
- Gera várias frases "eu amo você" automaticamente
- Usa matemática pra formar um coração
- Aplica animações pra deixar tudo mais bonito e menos parado
- Faz o coração “bater” igual um coração de verdade 💓
- Estrutura com HTML
- Estilização e animações com CSS
- Lógica com JavaScript
- E um pouco de paciência (parte mais difícil)
- HTML
- CSS
- JavaScript
- Baixe o projeto
- Abra o arquivo
index.htmlno navegador - E pronto: um coração aparece na tela ❤️
https://ketlenviter.github.io/coracao-love/
Não é o código mais perfeito do mundo, mas é um ótimo começo.
Feito com ❤️ (e um pouco de ódio também)
Depois da versão inicial, o projeto recebeu algumas melhorias:
- Adicionei uma animação de batimento (pulse) no coração
- Ajustei o tempo das animações para que tudo ficasse mais natural
- Sincronizei o movimento das palavras com o batimento
- Resultado: o coração agora parece mais “vivo” e menos robótico 😄
- Criação do coração com frases "eu amo você"
- Posicionamento usando equação matemática
- Animação simples de flutuação
Antes: 👉 As palavras se moviam de forma independente
Agora: 👉 Tudo se move de forma sincronizada, criando um efeito mais realista de batimento 💓
