Curriculum
Course: AngularJS
Login

Curriculum

AngularJS

AngularJS Tutorial

0/65
Text lesson

AngularJS Animations

AngularJS Animations allow you to apply transitions and effects to HTML elements using CSS or JavaScript during events such as view changes, element addition/removal, or model updates.

What is an Animation?

An animation occurs when the transformation of an HTML element creates the appearance of motion.

Example:

Check the checkbox to conceal the DIV.

<body ng-app=”ngAnimate”>

Hide the DIV: <input type=”checkbox” ng-model=”myCheck”>

<div ng-hide=”myCheck”></div>

</body>
While applications shouldn’t be overloaded with animations, incorporating some can enhance user understanding.