Animations

Animations

Usage

[Style Y210]
  • Use subtle animations with Angular to transition between states for views and primary visual elements. Include the ngAnimate module. The 3 keys are subtle, smooth, seamless.

    Why?: Subtle animations can improve User Experience when used appropriately.

    Why?: Subtle animations can improve perceived performance as views transition.

Sub Second

[Style Y211]
  • Use short durations for animations. I generally start with 300ms and adjust until appropriate.

    Why?: Long animations can have the reverse effect on User Experience and perceived performance by giving the appearance of a slow application.

animate.css

[Style Y212]

Back to Table of Contents