In the last few sections, we saw how to create animations using AngularJS, CSS transitions, and CSS keyframe animations. Creating animations using both CSS transitions and CSS animations is very similar because all animations in AngularJS are class based, and AngularJS animations have a well-defined class name pattern.
We must follow the CSS naming convention by adding a specific class to the directive element so that we can determine the element animation. Otherwise, the
ngAnimate module will not be able to recognize which element the animation applies to.
We already know that both
ngRepeat use the
ng-leave-active classes that are added to the element in the enter and leave ...