O'Reilly logo

Learning AngularJS Animations by Richard Keller

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 7. Staggering Animations

A staggering animation is a group of animations that are triggered with a small delay between each successive operation. It's an often desirable animation and AngularJS 1.3 has support for these animations natively.

In this chapter, we will learn the following topics:

  • Creating staggering animations
  • Creating staggering animations for other native directives
  • Adding staggering animations for custom directives

Creating staggering animations

Staggering animations provides a curtain effect; each animation starts with a small delay from the start of the last animation and before the last animation finishes.

Staggering animations are very useful to support the information hierarchy, as it creates a path for the eyes to follow, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required