angularjs animations

gistfile1.txt

/* https://stackoverflow.com/a/33927043/9506947 */
ng-view.ng-enter,ng-view.ng-leave-active  {
position: absolute!important;
filter: none;
width: calc(100% - 30px); /* padding von bs=15*2=30 */
}
@keyframes fadeIn {
0%    { opacity: 0; }
50%   { opacity: .5; }
100%  { opacity: 1; }
}
@keyframes fadeOut {
0%    { opacity: 1; }
50%   { opacity: .5; }
100%  { opacity: 0; }
}

@keyframes blurIn {
0%    { filter: none; }
100%  { filter: blur(7px);}
}
@keyframes blurOut {
0%    { filter: blur(7px); }
100%  { filter: none;}
}

ng-view.ng-enter { animation: blurIn 0.5s both linear, fadeIn 0.5s both linear; z-index: 8888;}
ng-view.ng-leave{ animation: blurOut 0.5s both linear, fadeOut 0.5s both linear; z-index: 9999;}