Animations
ou Animações
Utilização
Use animações com AngularJS para transitar suavemente entre a visualização de views e elementos visuais primários. Inclúa o módulo ngAnimate. Os três princípios são sutilidade, suavidade e sem remendos.
Por que? Animações sutis podem melhorar a Experiência de Usuário (UX) quando usadas adequadamente.
Por que? Animações sutis podem aumentar a sensação de performance durante a alteração entre views.
Sub Second
Use animações de curta duração. Eu geralmente começo com 300ms e ajusto conforme necessário.
Por que? Animações de longa duração podem impactar negativamente na experiência do usuário e em sua percepção de desempenho, dando a impressão de ser uma aplicação lenta.
animate.css
Use animate.css para animações convencionais.
Por que? As animações fornecidas por animate.css são rápidas, suaves e fáceis de adicionar à sua aplicação.
Por que? Provê consistência em suas animações.
Por que? animate.css amplamente utilizado e testado.
Nota: Leia este excelente post do Matias Niemelä sobre Angular Animations