##AngularJS ngView animation
anonymoussc
##AngularJS ngMessage and ngMessages animation
For the ngMessages directive, that is, the container of the ngMessage directives, we included an animation on ng-active-add that changes the container background color from white to red and ng-inactive-add that does the opposite, changing the background color from red to white.
##AngularJS ngModel and form animation
##AngularJS ngHide animation
The ngShow directive uses the same convention; the only difference is that each directive has the opposite behavior for the model value. When the model is true , ngShow removes the ng-hide class and ngHide adds the ng-hide class
##AngularJS ngClass Animation
##AngularJS ngRepeat animation
##AngularJS ngIf fade animation
##AngularJS ngShow fade animation
In the CSS code, we declared an opacity transition to elements with the firstAnimationSample and ng-hide-add classes, or elements with the firstAnimationSample and ng-hide-remove classes.
We also added the firstAnimationSample class to the same element that has the ng-show directive attribute.
##Simple loading animation
Simple loading animation using three divs that contain an animation. Each one filled by a black background color that increases the size from 0 to 20 px in height and width in a sequence. So, the first animation starts first, the second has a longer delay than the first one, and the third has more delay than the second one in an infinite loop.
##CSS3 transform translate