Na introdução, explico de onde veio a ideia de reproduzir uma animação em SVG.
A ideia surgiu enquanto eu navegava pelo Dribbble. Esbarrei nesta animação do Mat Voyce chamada GOOD MOOD:
Eu já estava há um tempo querendo aprender mais sobre SVG, e achei que seria interessante tentar reproduzir essa animação. Separei em algumas postagens o que aprendi:
- Desenhando as letras: comandos do elemento
path - Animando as letras: animação com o elemento
animate - Aplicando filtros: filtros com o elemento
filter - Proporção de pixel: renderização do SVG
- Conclusão: pensamentos finais
Me propus a fazer uma reprodução semelhante, o objetivo não era criar uma réplica exata, mas sim fazer um estudo sobre animações com SVG.