Book Image

Learning AngularJS Animations

By : Richard Keller
Book Image

Learning AngularJS Animations

By: Richard Keller

Overview of this book

Table of Contents (15 chapters)
Learning AngularJS Animations
About the Author
About the Reviewers

Chapter 3. Creating Our First Animation in AngularJS

Now that we know how to create CSS animations, we will learn how to apply them within the context of AngularJS by creating animations using CSS transitions and CSS keyframe animations that are integrated with AngularJS native directives using the ngAnimate module. The later chapters will cover custom directives and JavaScript animations integrated with AngularJS as well.

In this chapter, we will learn:

  • The ngAnimate module setup and usage

  • AngularJS directives with support for out-of-the-box animation

  • AngularJS animations with the CSS transition

  • AngularJS animations with CSS keyframe animations

  • The naming convention of the CSS animation classes

  • Animation of the ngMessage and ngMessages directives