TutorialLesson 23Free preview

AngularJS Animations

This lesson is part of AngularJS · All levels

Summary

Animation in AngularJS is generally created by combining ngAnimate directives and CSS transition. When the element enters or exits, ngAnimate adds a transition class so that the CSS animation runs automatically. This approach makes fine effects without having to write a timer manually.

Key points

The ngAnimate module is imported into the app to support animation
An automatic animation class is added when the element enters/exits
CSS transition and keyframes are used for visual effects
Directives such as ng-repeat, ng-if, and ng-show support animation

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.