Utilizing Angular 1.2 in conjunction with the animate.css library available at
The animations I'm implementing are geared towards simple ng-show="somevalue". The ng-show animations are functioning properly, smoothly fading in. However, when the element is supposed to be hidden, it vanishes before the fadeout animation can take effect.
I have attempted using classes like .fader.ng-hide-add-active, .fader.ng-hide-add, but the transition does not appear. The element disappears instantaneously instead.
.fader.ng-hide-remove {
-webkit-animation: fadeIn 1s;
-moz-animation: fadeIn 1s;
-o-animation: fadeIn 1s;
animation: fadeIn 1s;
}
.fader.ng-hide-add-active {
-webkit-animation: fadeOut 1s;
-moz-animation: fadeOut 1s;
-o-animation: fadeOut 1s;
animation: fadeOut 1s;
}