Disco Voador animado com CSS puro e HTML | Speedcode | Timelapse

E aí, galerinha! Fazia tempo que não usava animações no CSS, então resolvi trazer o speedcode desse disco voador (ou ovni, se você preferir). Usei só HTML5, CSS3 e Figma. O processo todo durou cerca de uma hora, mais ou menos, porque precisei testar algumas propriedades antes, pelo fato de não usar há muito tempo. Mas no geral, até que foi um código tranquilo de fazer.

As propriedades/recursos que tiveram mais importância para chegar no resultado que eu queria, na minha opnião, foram:

animation
keyframes
offset-path
transform
border-radius

🔗 Repositório no GIthub: https://bit.ly/3DgMqAE

Qualquer sugestão, dúvida, crítica construtiva ou algo do tipo, é só comentar aí embaixo!

#css #html #animacaoCss