Chapter 3. AngularJS Animations
In this chapter, we will cover the following recipes:
- Creating a simple fade in/out animation
- Replicating jQuery's
slideUp()
andslideDown()
methods - Creating enter animations with
ngIf
- Creating leave and concurrent animations with
ngView
- Creating move animations with
ngRepeat
- Creating
addClass
animations withngShow
- Creating
removeClass
animations withngClass
- Staggering batched animations
Introduction
AngularJS incorporates its animation infrastructure as a separate module, ngAnimate
. With this, you are able to tackle animating your application in several different ways, which are as follows:
- CSS3 transitions
- CSS3 animations
- JavaScript animations
Using any one of these three, you are able to fully animate your application in ...
Get AngularJS Web Application Development Cookbook now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.