I've put together this Plunker, but I'm having issues with the enter and leave animations...
The enter animation seems to be delayed, while the leave animation doesn't seem to work at all.
Here is the CSS style:
div.ng-enter
{
-webkit-animation: bounceIn 2s;
animation: bounceIn 2s;
}
div.ng-leave
{
-webkit-animation: bounceOut 2s;
animation: bounceOut 2s;
}
And here is how the element node looks like:
<div ng-show="show" ng-class="{true:'ng-enter', false: 'ng-leave'}[show]">asdasdas</div>
If you have any suggestions or solutions, I would greatly appreciate it!