Animotion - app visual de animação CSS

 (cssanimotion.pages.dev)
4 pontos por GN⁺ 2023-11-26 | 1 comentários | Compartilhar no WhatsApp

Geração sem código de animações CSS

  • Animotion é uma ferramenta que permite criar animações CSS visualmente por meio de arrastar, redimensionar, rotacionar, recortar e mais.
  • Oferece um editor de keyframes, uma coleção de animações prontas para uso e 29 easings integrados.
  • Este app funciona melhor em telas grandes e navegadores web modernos.

Opinião do GN⁺

  • O ponto mais importante deste artigo é que, com a ferramenta Animotion, é possível criar animações CSS com facilidade sem escrever código.
  • Pode ser interessante para pessoas com interesse em engenharia de software, especialmente para desenvolvedores iniciantes interessados em desenvolvimento frontend.

Leituras relacionadas

1 comentários

 
GN⁺ 2023-11-26
Opiniões no Hacker News
  • O fato de o CSS3 ter sido lançado em 1999 e, em 2023, um app como este ainda parecer impressionante o bastante para ser apresentado no Hacker News mostra que a acessibilidade e a programabilidade da animação baseada em keyframes não melhoraram tanto assim. O Flash desapareceu há cerca de 10 anos, e o que restou foi o Adobe Animate, junto com vários frameworks e comunidades medianos. Animações robustas baseadas em CSS/SVG continuam sendo, em grande parte, uma promessa fraca.
  • Mover keyframes foi a primeira coisa que quis fazer, mas esse recurso ainda não existe.
  • Gosto do fato de o resultado do app sair em CSS, e agradeço por não ser código JavaScript preso a uma biblioteca.
  • Gosto da intuitividade do editor, e quem precisar de uma timeline mais avançada talvez devesse dar uma olhada no Theatre.js. É bom ver mais movimento na plataforma web.
  • Fico pensando se existe uma boa forma de oferecer tooltips ou dicas no mobile para explicar o significado dos ícones. Não consigo entender a função de alguns deles, e até dá para testar, mas, como já foi mencionado, não há função de desfazer.
  • Gostei muito deste app.
  • O código-fonte do app pode ser visto no GitHub: animotionjs/animotion
  • Ele oferece uma usabilidade surpreendentemente intuitiva também no mobile.
  • Trabalho incrível, e obrigado por compartilhar uma ferramenta tão bacana.
  • Funciona muito bem no mobile também e vale a pena favoritar.