Chapter 14AngularJS Animation

Animation is an important part of any web app that wants to create a rich user experience. With the release of AngularJS 1.2 creating animations has become even easier. If you have an existing AngularJS app, all you need to do is add CSS classes to your elements to provide a hook for the animations. AngularJS automatically adds or removes these classes at various points in the lifecycle of several directives. You can write CSS rules against these classes and get started with animation in no time.

Animations can be written using CSS3 transitions, CSS keyframe animations, and JavaScript code. This chapter will teach you how to create animations using all three techniques. To finish, we'll also add a simple animation ...

Get AngularJS: Novice to Ninja now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.