O'Reilly logo

AngularJS: Novice to Ninja by Sandeep Panda

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

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