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 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.